怎么在css中去掉li标签的点
生活随笔
收集整理的這篇文章主要介紹了
怎么在css中去掉li标签的点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這期內容當中小編將會給大家?guī)碛嘘P怎么在css中去掉li標簽的點，文章內容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
html的li標簽默認帶有小圓點，css中可以使用list-style-type屬性來去掉li的小圓點；只需要給li標簽添加“l(fā)ist-style-type: none;”樣式，設置li列表項前無標記即可。
html中的<li>標簽自動會帶個小圓點（無序列表中）
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
效果圖：
要如何去掉這個小圓點呢？其實簡單，只需要對<li>標簽設置樣式 list-style-type: none; 就可以去掉小圓點了。
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<styletype="text/css">
li{list-style-type:none;}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
效果圖：
有序列表的序號也可以使用list-style-type: none;樣式去除。
css list-style-type屬性
list-style-type 屬性設置列表項標記的類型。【 】
可以設置的屬性值有：
| 值 | 描述 |
|---|---|
| none | 無標記。 |
| disc | 默認。標記是實心圓。 |
| circle | 標記是空心圓。 |
| square | 標記是實心方塊。 |
| decimal | 標記是數字。 |
| decimal-leading-zero | 0開頭的數字標記。(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 | 傳統(tǒng)的希伯來編號方式 |
| armenian | 傳統(tǒng)的亞美尼亞編號方式 |
| georgian | 傳統(tǒng)的喬治亞編號方式(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标签的点的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： js 运算符 语句
- 下一篇： Excel2007怎么快速冻结窗格或锁定