CSS设置列表的符号
生活随笔
收集整理的這篇文章主要介紹了
CSS设置列表的符号
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
CSS設(shè)置列表的符號(hào)
? ? ? ? ? 通常的列表采用<ul>或者<ol>標(biāo)記，然后，結(jié)合<li>標(biāo)記羅列各個(gè)項(xiàng)目。
項(xiàng)目表單實(shí)例，代碼如下：
<span style="font-size:24px;"><html><head><title>項(xiàng)目列表</title><style><!--body{background-color:#c1daff;}ul{font-size:0.9em;color:#00458c;}--></style></head> <body><p>水上運(yùn)動(dòng)</p><ul><li>freestyle自由泳</li><li>backstroke仰泳</li><li>breaststroke蛙泳</li><li>butterfly蝶泳</li><li>individualmedley 個(gè)人混合泳</li><li>freestylerelay 自由泳接力</li></ul></body> </html></span> ? ? ? ? ??CSS通過(guò)list-style-type屬性設(shè)置列表的編號(hào)，無(wú)論是<ul>標(biāo)記，還是<ol>標(biāo)記都可以使用相同的屬性值，二者的效果完全相同。 <span style="font-size:24px;">ul{font-size:0.9em;color:#00458c;list-style-type:decimal;}</span> ? ? ? ? ??Decimal屬性值，項(xiàng)目列表的編號(hào)安裝十進(jìn)制編號(hào)顯示。? ? ? ? ??當(dāng)給<ul>或者<ol>標(biāo)記設(shè)置list-style-type屬性時(shí)，中間所有的<li>標(biāo)記都會(huì)采用該設(shè)置。
? ? ? ? ??如果，對(duì)某一個(gè)<li>標(biāo)記單獨(dú)設(shè)置list-style-type屬性，則僅僅作用于該條項(xiàng)目上。
<span style="font-size:24px;"><html><head><title>項(xiàng)目列表</title><style><!--body{background-color:#c1daff;}ul{font-size:0.9em;color:#00458c;list-style-type:decimal;}li.special{list-style-type:circle;}--></style></head> <body><p>水上運(yùn)動(dòng)</p><ul><li>freestyle自由泳</li><li>backstroke仰泳</li><liclass="special">breaststroke 蛙泳</li><li>butterfly蝶泳</li><li>individualmedley 個(gè)人混合泳</li><li>freestylerelay 自由泳接力</li></ul></body> </html></span> ? ? ? ? ??可以看到蛙泳變成了空心圓顯示，其他的還是編號(hào)。? ? ? ? ??此外，該屬性的屬性值還有很多，如下：
總結(jié)
以上是生活随笔為你收集整理的CSS设置列表的符号的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： HTML设计显示表格
- 下一篇： CSS设置页面背景色