怎么在css中去掉li標(biāo)簽的點(diǎn)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在css中去掉li標(biāo)簽的點(diǎn),文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶,將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:主機(jī)域名、虛擬主機(jī)、營(yíng)銷軟件、網(wǎng)站建設(shè)、平川網(wǎng)站維護(hù)、網(wǎng)站推廣。

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>

效果圖:

怎么在css中去掉li標(biāo)簽的點(diǎn)

要如何去掉這個(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>

效果圖:

怎么在css中去掉li標(biāo)簽的點(diǎn)

有序列表的序號(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-zero0開(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))

上述就是小編為大家分享的怎么在css中去掉li標(biāo)簽的點(diǎn)了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前名稱:怎么在css中去掉li標(biāo)簽的點(diǎn)
鏈接URL:http://muchs.cn/article38/jojcsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、建站公司、網(wǎng)站內(nèi)鏈、關(guān)鍵詞優(yōu)化、網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司