溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

css樣式“l(fā)ist-style:none”指的是什么意思

發(fā)布時(shí)間：2020-12-15 10:48:22 來(lái)源：億速云 閱讀：370 作者：小新 欄目：web開(kāi)發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)css樣式“l(fā)ist-style:none”指的是什么意思，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

在css中，“l(fā)ist-style:none”樣式表示設(shè)置列表項(xiàng)標(biāo)記的類型為空，即列表項(xiàng)前無(wú)標(biāo)記。list-style屬性默認(rèn)列表項(xiàng)標(biāo)記的類型為實(shí)心圓，如果屬性值設(shè)置為none，則可以去掉列表項(xiàng)標(biāo)記。

“l(fā)ist-style:none”樣式表示設(shè)置列表項(xiàng)標(biāo)記的類型為空，即列表項(xiàng)前無(wú)標(biāo)記。

list-style 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有的列表屬性。

該屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，涵蓋了所有其他列表樣式屬性。由于它應(yīng)用到所有 display 為 list-item 的元素，所以在普通的 HTML 和 XHTML 中只能用于 li 元素，不過(guò)實(shí)際上它可以應(yīng)用到任何元素，并由 list-item 元素繼承。

可以設(shè)置的屬性（按順序）： list-style-type, list-style-position, list-style-image。

其中l(wèi)ist-style-type屬性：可以設(shè)置列表項(xiàng)標(biāo)記的類型。

其屬性值：

  • 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開(kāi)頭的數(shù)字標(biāo)記。(01, 02, 03, 等。)

  • lower-roman    小寫(xiě)羅馬數(shù)字(i, ii, iii, iv, v, 等。)

  • upper-roman    大寫(xiě)羅馬數(shù)字(I, II, III, IV, V, 等。)

  • lower-alpha    小寫(xiě)英文字母The marker is lower-alpha (a, b, c, d, e, 等。)

  • upper-alpha    大寫(xiě)英文字母The marker is upper-alpha (A, B, C, D, E, 等。)

  • lower-greek    小寫(xiě)希臘字母(alpha, beta, gamma, 等。)

  • lower-latin    小寫(xiě)拉丁字母(a, b, c, d, e, 等。)

  • upper-latin    大寫(xiě)拉丁字母(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)）

示例：

<html>
<head>
<style type="text/css">
.li1 
{
list-style:none
}
</style>
</head>

<body>
<ul>
<li class="li1">咖啡</li>
<li>茶</li>
<li>可口可樂(lè)</li>
</ul>
</body>

</html>

效果圖：

css樣式“l(fā)ist-style:none”指的是什么意思

關(guān)于css樣式“l(fā)ist-style:none”指的是什么意思就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(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)容。

AI
助
手