溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在css中去掉li標(biāo)簽的點(diǎn)，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
html的li標(biāo)簽?zāi)J(rèn)帶有小圓點(diǎn)，css中可以使用list-style-type屬性來(lái)去掉li的小圓點(diǎn)；只需要給li標(biāo)簽添加“l(fā)ist-style-type: none;”樣式，設(shè)置li列表項(xiàng)前無(wú)標(biāo)記即可。
html中的<li>標(biāo)簽自動(dòng)會(huì)帶個(gè)小圓點(diǎn)（無(wú)序列表中）
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
效果圖：
要如何去掉這個(gè)小圓點(diǎn)呢？其實(shí)簡(jiǎn)單，只需要對(duì)<li>標(biāo)簽設(shè)置樣式 list-style-type: none; 就可以去掉小圓點(diǎn)了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
li {list-style-type:none;}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>效果圖：
有序列表的序號(hào)也可以使用list-style-type: none;樣式去除。
css list-style-type屬性
list-style-type 屬性設(shè)置列表項(xiàng)標(biāo)記的類型?！?】
可以設(shè)置的屬性值有：
| 值 | 描述 |
|---|---|
| none | 無(wú)標(biāo)記。 |
| disc | 默認(rèn)。標(biāo)記是實(shí)心圓。 |
| circle | 標(biāo)記是空心圓。 |
| square | 標(biāo)記是實(shí)心方塊。 |
| decimal | 標(biāo)記是數(shù)字。 |
| decimal-leading-zero | 0開頭的數(shù)字標(biāo)記。(01, 02, 03, 等。) |
| lower-roman | 小寫羅馬數(shù)字(i, ii, iii, iv, v, 等。) |
| upper-roman | 大寫羅馬數(shù)字(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)的希伯來(lái)編號(hào)方式 |
| armenian | 傳統(tǒng)的亞美尼亞編號(hào)方式 |
| georgian | 傳統(tǒng)的喬治亞編號(hào)方式(an, ban, gan, 等。) |
| cjk-ideographic | 簡(jiǎn)單的表意數(shù)字 |
| hiragana | 標(biāo)記是：a, i, u, e, o, ka, ki, 等。（日文平假名字符） |
| katakana | 標(biāo)記是：A, I, U, E, O, KA, KI, 等。（日文片假名字符） |
| hiragana-iroha | 標(biāo)記是：i, ro, ha, ni, ho, he, to, 等。（日文平假名序號(hào)） |
| katakana-iroha | 標(biāo)記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名序號(hào)） |
上述就是小編為大家分享的怎么在css中去掉li標(biāo)簽的點(diǎn)了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼