在CSS中經(jīng)常會(huì)使用到li標(biāo)簽,,默認(rèn)情況下使用li時(shí),,會(huì)在文字前面自動(dòng)加上一個(gè)黑色的小圓點(diǎn),有時(shí)候會(huì)覺(jué)得這個(gè)圓點(diǎn)多余,,所以要去掉,。下面講述三種方法,其實(shí)就一種方法,,
非常簡(jiǎn)單,,只需要設(shè)置list-style-type屬性就可以了,設(shè)置成none,,前面的小圓點(diǎn)就不會(huì)顯示了,。就沒(méi)有了。
<UL style="list-style-type:none;">
<LI>HELLO</LI>
</UL>
下面的三種不同寫(xiě)法:
方法一:
<ul>
<li style="list-style-type:none;">我要加油學(xué)習(xí)網(wǎng)</li>
<li style="list-style-type:none;">雅虎</li>
<li style="list-style-type:none;">新浪</li>
<li style="list-style-type:none;">谷歌</li>
</ul>
方法二:
<style>
li {list-style-type:none;}
</style>
<ul>
<li>我要加油學(xué)習(xí)網(wǎng)</li>
<li>雅虎</li>
<li>新浪</li>
<li>谷歌</li>
</ul>
方法三:
<style>
.li_style {list-style-type:none;}
</style>
<ul>
<li class="li_style">我要加油學(xué)習(xí)網(wǎng)</li>
<li class="li_style">雅虎</li>
<li class="li_style">新浪</li>
<li class="li_style">谷歌</li>
</ul>
下面是CSS list-style-type 的語(yǔ)法
CSS list-style-type 屬性
list-style-type 屬性設(shè)置列表項(xiàng)標(biāo)記的類(lèi)型,。
默認(rèn)值: | disc |
繼承性: | yes |
版本: | CSS1 |
Javascript 語(yǔ)法: | object.style.listStyleType="square" |
實(shí)例設(shè)置不同的列表樣式:
ul.circle {list-style-type:circle;}ul.square {list-style-type:square;}ol.upper-roman {list-style-type:upper-roman;}ol.lower-alpha {list-style-type:lower-alpha;}
CSS2 的值:
值 | 描述 |
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, 等,。(日文片假名) |
katakana-iroha | 標(biāo)記是:I, RO, HA, NI, HO, HE, TO, 等,。(日文片假名) |