section標(biāo)簽和div區(qū)別 CSS如何去除UL中l(wèi)i的默認(rèn)樣式?
CSS如何去除UL中l(wèi)i的默認(rèn)樣式?列表樣式類型屬性用于定義Li列表的項目符號,即列表前面的修飾符。列表樣式類型屬性是可繼承的屬性。其語法結(jié)構(gòu)如下:(列出一些常用的屬性值)列表樣式-類型:無/圓盤/圓
CSS如何去除UL中l(wèi)i的默認(rèn)樣式?
列表樣式類型屬性用于定義Li列表的項目符號,即列表前面的修飾符。列表樣式類型屬性是可繼承的屬性。其語法結(jié)構(gòu)如下:(列出一些常用的屬性值)
列表樣式-類型:無/圓盤/圓形/方形/半刻度/下alpha/上alpha/下roman/上roman
列表樣式類型屬性有許多屬性值。這里我們只列出幾個常用的。
無:不使用項目符號。
圓盤:實(shí)心圓。
圓:空心圓。
正方形:實(shí)心正方形。
數(shù)字:阿拉伯?dāng)?shù)字。
小寫字母:小寫字母。
大寫字母:大寫字母。
Lower Roman:小寫羅馬數(shù)字。
上羅馬:大寫羅馬數(shù)字。
……
使用list style type屬性的示例代碼如下:
Li{
list style-類型:方形}
這是列表內(nèi)容
這是列表內(nèi)容
1。創(chuàng)建新的TXT文檔并將文檔修改為“演示.html“HTML文件,如下圖所示。
2. 使用sublime編輯器打開HTML文件,以改進(jìn)HTML5標(biāo)準(zhǔn)代碼,如下圖所示。
3. 在body標(biāo)記中,編寫一組無序列表標(biāo)記。代碼如下圖所示。
4. 用瀏覽器打開HTML頁面,可以看到默認(rèn)情況下Li標(biāo)簽是垂直顯示的(Li是塊級元素),如下圖所示。
5. 我們可以為UL標(biāo)簽下的所有Li標(biāo)簽設(shè)置樣式“display:inline block”,以水平顯示多個Li標(biāo)簽。
6. 刷新界面后,會發(fā)現(xiàn)Li標(biāo)簽是水平顯示的。