当前位置 博文首页 > Champhoenix的博客：CSS列表样式
list-style-type:取值;
这是针对有序和无序列表的，ol/ul
有序列表
| 属性值 | 说明 |
|---|---|
| decimal | 1、2、3… |
| lower-roman | 小写罗马数字i、ii、ii… |
| upper-roman | 大写罗马数字 |
| lower-alpha | 小写英文字母 |
| upper-alpha | 大写英文字母 |
无序列表
| 属性值 | 说明 |
|---|---|
| disc | 实心圆（默认值） |
| circle | 空心圆 |
| square | 正方形 |
注：去除列表项符号，把属性值改为none
列表项图片
list-style-image:url(图片路径);
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
ol{list-style-type: none;}
li,a{
color:pink;
text-decoration: none;
}
</style>
</head>
<body>
<ol>
<li><a href="http://www.baidu.com/">Top1：百度</a></li>
<li><a href="https://www.taobao.com/">Top2：淘宝</a></li>
<li><a href="https://www.sina.com.cn/">Top3：新浪</a></li>
<li><a href="https://www.163.com/">Top4：网易</a></li>
<li><a href="https://www.sohu.com/">Top5：搜狐</a></li>
</ol>
</body>
</html>
效果：
