CSS中列表样式
通过简单案例演示如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表样式</title>
<style type="text/css">
ol {
list-style-type:upper-roman;
}
ul {
list-style-type: square;
}
#sx {
list-style-image:url("../images/add.png");
/* list-style-image:url(../images/add.png); */
}
</style>
</head>
<body>
<ol>
<li>河北省</li>
<li>河南省</li>
<li>山东省</li>
<li id="sx">山西省</li>
<li>广东省</li>
<li>广西省</li>
</ol>
<ul>
<li>北京</li>
<li>上海</li>
<li>广州</li>
</ul>
</body>
</html>
最终页面效果: