網頁

2019/11/6

HTML 去除<ul>項目清單的黑色圓點及縮排 remove <ul> list's bullet and indent

HTML的清單<ul>除去預設的黑點及縮排效果的方式如下。


除去黑點(bullets)可在<ul>加上style="list-style: none;"

ul { list-style: none; }

除去縮排(indent)可在<ul>加上style="padding-left: 0;"

ul { padding-left: 0; }

例如下面以行內樣式同時去除黑點及縮排。

<ul style="list-style:none; padding-left:0;">
  <li>早餐</li>
  <li>午餐</li>
  <li>晚餐</li>
</ul>

移除後效果如下。

  • 早餐
  • 午餐
  • 晚餐

參考:

沒有留言:

張貼留言