WP百科网 http://www.wpbaike.com
第四课、纵向导航菜单的制作
1、插入一个ID为menu的div，插入ul
从预览的效果上看，四周都有很大的空隙，而且每一行前边还有个点，这是因为标签的默认样式造成的，下面我们需要创建样式表把标签的默认样式给清除掉
2、插入复合内容menu ul的css
列表->列表样式->无
方框->内外边距都是0
3、重新定义body标签
字体
大小：12px
行高：1.5
4、定义menu的css
边框->样式：虚线
宽度：1
颜色：#ccc
方框：100宽度
5、新建复合内容css
#menu ul li
背景：#eee
方框：高度：26px;
左右填充8，上下0px
类型：行高：26px;
边框：下：虚线，宽：1px,颜色：#ccc
6、设置超链接#
7、定义a标签css样式
类型：颜色黑色
文字修饰：无
8、定义鼠标滑过的样式，复合内容a:hover
类型：颜色：红