一、列表相关属性
相关代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表相关属性</title>
<style>
ul{
/*列表符号*/
/*list-style-type: decimal;*/
/*list-style-type: upper-roman;*/
/*list-style-type: lower-roman;*/
/*list-style-type: square;*/
/*list-style-type: none;*/
/*列表符号的位置*/
/*list-style-position: inside;*/
/*list-style-position: outside;*/
/*自定义列表符号*/
/*list-style-image: url("../pictures/HONOR.png");*/
/*复合属性*/
list-style: decimal inside url("../pictures/heihei.png");
}
li{
background-color: #999ff0;
}
</style>
</head>
<body>
<ul>
<li>《震惊！两男子竟然在教室做出这种事》</li>
<li>《一夜暴富指南》</li>
<li>《给成功男人的五条建议》</li>
</ul>
</body>
</html>显示结果：
