Day.01.18 css的列表属性

2024年2月4日 149次阅读 来源: 挂树上的骷髅怪 
<!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;

    原文作者：挂树上的骷髅怪
    原文地址: https://www.jianshu.com/p/9b6e52ac60b1
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞