css怎麼去掉li的點

html的li標籤預設有小圓點，css中可以使用list-style-type屬性來去掉li的小圓點；只需要給li標籤加上「list-style-type: none; 」樣式，設定li列表項目前無標記即可。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

html中的

標籤自動會帶個小圓點（無序列表中）

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

效果圖：

要如何去除這個小圓點呢？其實簡單，只要對

標籤設定樣式 list-style-type: none; 就可以去掉小圓點了。

 
 



<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

效果圖：

有序清單的序號也可以使用list-style-type: none;樣式去除。

css  list-style-type屬性

list-style-type 屬性設定清單項目標記的類型。 【推薦教學：CSS影片教學 】

可以設定的屬性值有：

##值描述none無標記。 disc預設。標記是實心圓。 circle標記是空心圓。 square標記是實心方塊。 decimal標記是數字。 decimal-leading-zero0開頭的數位標記。 (01, 02, 03, 等。)lower-roman小寫羅馬數字(i, ii, iii, iv, v, 等。)upper-roman大寫羅馬數字(I, II, III, IV, V, 等等。)lower- alpha小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)upper-alpha大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)lower-greek小寫希臘字母(alpha , beta, gamma, 等等。)lower-latin#小寫拉丁字母(a, b, c, d, e, 等)upper-latin大寫拉丁字母(A, B, C, D, E, 等等。)#hebrew傳統的希伯來編號方式armenian傳統的亞美尼亞編號方式georgian#傳統的喬治亞編號方式(an, ban, gan, 等等。)cjk-ideographic簡單的表意數字#hiragana標記是：a, i, u, e, o, ka, ki, 等。 （日文平假名字符）katakana標記是：A, I, U, E, O, KA, KI, 等。 （日文片假名字元）hiragana-iroha#標記是：i, ro, ha, ni, ho, he, to, 等。 （日文平假名序號）katakana-iroha標記是：I, RO, HA, NI, HO, HE, TO, 等。 （日文片假名序號）更多程式相關知識，請造訪：

程式設計影片！ ！

以上是css怎麼去掉li的點的詳細內容。更多資訊請關注PHP中文網其他相關文章！