1.list-style-type:配置列表符号样式
none:不显示列表符号
disc:圆点
circle:圆环
square:方块
decimal:阿拉伯数字
upper-alpha:大写字母
lower-alpha:小写字母
lower-roman:小写罗马数字
2.list-style-image:用于替代列表符号的图片,在每个列表项前显示指定图片
3.list-style-position:配置列表符号的位置.
inside:符号缩进,文本对齐符号
outside(默认):符号按默认方式定位,文本不对齐符号
这里有例子,看得更懂http://www.w3school.com.cn/tiy/t.asp?f=csse_list-style-position
注意:上述1、2、3均是设置ul
水平导航:
text-decoration:none; 不显示下划线
text-align:center; 居中文本
display:inline-block; 在一行显示 若display为block 则换行显示。
< !DOCTYPE html>
< html lang=“en”>
< head>
< meta charset=“UTF-8”>
< title>水平导航< /title>
< style type=“text/css”>
nav{
background-color: #0000FF;
}
ul{
list-style: none;
text-decoration:none;
text-align:center;
}
li{
display:inline-block;
}
< /style>
< /head>
< body>
< nav>
< ul>
< li>home< /li>
< li>main< /li>
< li>footer< /li>
< /ul>
< /nav>
< /body>
< /html>