/*将导航条相对于header绝对定位,使之显示在header的底部*/
}
#menu ul {
margin: 0;
/*去除导航ul的边距,因为在默认模板中是有边距的*/
}
#menu li a {
padding: 0;
height: 35px;
line-height: 35px;
background-image: none !important;
/*以上这几句是对导航链接的重新定义,去处了原有的背景图片,重新定义了宽度和高度*/
}
#menu a:hover {
background: #EDF1D7;
color: #D0824C;
/*当鼠标滑过导航链接时的样式*/
}
现在,页面的头部样式已经完全改好了,与“黄色成熟”模板的CSS相结合,在细节上再修饰一下,一套新的汽车风格的模板便可以付诸使用了。当然,本文给出的只是一次简单的小修改,要充分体会到X-Space强大的模板定制功能,制作出更复杂精致的模板,还需要我们继续学习,不断探索。



相关教程