用 CSS 將標記設定在包含專案符號的框外


要將標記設定在包含專案符號的框外,請將 list-style-position 屬性與值 outside結合使用。

示例

 outside 值表示如果文字轉到第二行,該文字將與第一行的開頭對齊

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:circle; list-style-position:outside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ul>
      <ol style = "list-style-type:decimal;list-style-position:outside;">
         <li>Maths</li>
         <li>Social Science</li>
         <li>Physics</li>
      </ol>
   </body>
</html>

更新於: 2020-02-03

214 閱讀

啟動您的職業

完成課程以獲得認證

開始
廣告
© . All rights reserved.