css样式“list-style:none”是什么意思?
本文操作環境:windows10系統、css3、thinkpad t480電腦。
“list-style:none”樣式表示設置列表項標記的類型為空,即列表項前無標記。
(推薦教程:CSS視頻教程)
list-style 簡寫屬性在一個聲明中設置所有的列表屬性。
該屬性是一個簡寫屬性,涵蓋了所有其他列表樣式屬性。由于它應用到所有 display 為 list-item 的元素,所以在普通的 HTML 和 XHTML 中只能用于 li 元素,不過實際上它可以應用到任何元素,并由 list-item 元素繼承。
可以設置的屬性(按順序): list-style-type, list-style-position, list-style-image。
其中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 傳統的希伯來編號方式
-
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, 等。(日文片假名序號)
示例:
<html>
<head>
<style type="text/css">
.li1
{
list-style:none
}
</style>
</head>
<body>
<ul>
<li class="li1">咖啡</li>
<li>茶</li>
<li>可口可樂</li>
</ul>
</body>
</html>
登錄后復制
效果圖:
更多編程相關知識,請訪問:編程學習!!
以上就是css樣式“list-style:none”是什么意思?的詳細內容,更多請關注風君子博客其它相關文章!
總結
以上是生活随笔為你收集整理的css样式“list-style:none”是什么意思?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python中的栈结构_Python可以
- 下一篇: python相关工作岗位_西安掌握Pyt