list-style-position

DesignerLW發表於2020-01-29

list-style-position:專案列表符號的位置 ,inside 向內，outside 向外

<style>
        .br{
            border: 1px solid black;
        }
        .FruitOutside{
            list-style-position: outside;
        }
        .FruitInside{
            list-style-position: inside;
        }
    </style>

<body>
    <ul class="FruitOutside br">
        <li>蘋果</li>
        <li>香蕉</li>
    </ul>
    <ul class="FruitInside br">
        <li>西瓜</li>
        <li>葡萄</li>
    </ul>
</body>

在這裡插入圖片描述

相關文章