新聞中心
css,ul {, list-style-type: none;,},“CSS如何去掉li標(biāo)簽樣式

思茅網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年成立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
在前端開發(fā)中,我們經(jīng)常會(huì)遇到需要去掉列表項(xiàng)(li)的默認(rèn)樣式的情況,我們希望保留列表項(xiàng)的基本樣式,但去除一些不必要的樣式,這時(shí)候就需要用到CSS,本文將介紹如何使用CSS去掉li標(biāo)簽的默認(rèn)樣式。
去除ul和li的默認(rèn)間距
1、解析:要去除ul和li之間的默認(rèn)間距,我們可以使用CSS的margin和padding屬性。
2、代碼:
ul {
margin: 0;
padding: 0;
}
去除li的默認(rèn)圓點(diǎn)
1、解析:要去除li的默認(rèn)圓點(diǎn),我們可以使用CSS的list-style屬性。
2、代碼:
li {
list-style: none;
}
去除li的默認(rèn)背景色和邊框
1、解析:要去除li的默認(rèn)背景色和邊框,我們可以使用CSS的background和border屬性。
2、代碼:
li {
background: none;
border: none;
}
去除li的默認(rèn)內(nèi)邊距和外邊距
1、解析:要去除li的默認(rèn)內(nèi)邊距和外邊距,我們可以使用CSS的padding和margin屬性。
2、代碼:
li {
padding: 0;
margin: 0;
}
相關(guān)問(wèn)題與解答
1、如何去除ul中的默認(rèn)箭頭?
答:要去除ul中的默認(rèn)箭頭,可以使用CSS的list-style-type屬性設(shè)置為none。
ul {
list-style-type: none;
}
2、如何去除li中的默認(rèn)顏色?
答:要去除li中的默認(rèn)顏色,可以使用CSS的color屬性設(shè)置為與其父元素相同的顏色。
li {
color: inherit;
}
3、如何去除li中的默認(rèn)字體大???
答:要去除li中的默認(rèn)字體大小,可以使用CSS的font-size屬性設(shè)置為與其父元素相同的字體大小。
li {
font-size: inherit;
}
分享名稱:css如何去掉li標(biāo)簽的小黑點(diǎn)
鏈接URL:http://fisionsoft.com.cn/article/djhpges.html


咨詢
建站咨詢
