1.基本列表样式
<ul>
<li>product</li>
<li>download</li>
<li>about</li>
</ul>
应用自己的样式之前先去掉浏览器默认的样式:
ul {
margin:0;
padding:0;
list-style-type: none;
}
先添加定制的符号:
li {
background: url(circle.gif) no-repeat 0 50%;/* meaning top center */
padding-left: 30px;
}
这样一个简单的定制列表符号就完成了。
2.创建垂直导航条
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="product.html">product</a></li>
<li><a href="about.html">about</a></li>
</ul>
同上,先去掉默认的样式:
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
对列表项(li)并不应用样式,而是对a标记应用样式。
ul a {
display: block;
width: 200px;
height: 200p