<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 列表属性 </title>
<style type="text/css">
.myul{
background:pink;
list-style-type:none;
list-style-image:url('图片路径');
}
.myul li{
margin-left:0px;
border:1px solid red;
width:500px;
/*list-style-position:outside;*/
}
</style>
</head>
<body>
<ul class="myul">
<li>丙申年</li>
<li>庚子月</li>
<li>戊子日</li>
</body>
</html>
总结:
1.在默认情况下,ul 和li有个默认的左边距,我们可以通过在 li 元素中增加margin-left 来解决这个问题;
2.如果我们希望把图标放在li 元素上,则可以在li 元素中增加一个样式 list-style-position:inside;
网友评论