拾柒6年前
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中的常用标签及属性(列表)</title>
<link rel="shortcut icon" href="images/icon.jpg">
<style type="text/css">
ul li{list-style: none; height: 40px; width: 200px; border: 1px solid red; margin: 5px 0px; text-align: center; line-height: 40px;}
ul li:before{/*list-style: url(images/icon2.jpg);*/content: url(images/icon2.jpg);}
ul li:after{content: url(images/icon2.jpg);}
</style>
</head>
<body>
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
<ul>
<li>无序列表1
<ul>
<li>无序列表1.1</li>
<li>无序列表1.2</li>
</ul></li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4</li>
<li>无序列表5</li>
</ul>
</body>
</html>
0