網(wǎng)頁設(shè)計(jì)教程html 網(wǎng)頁設(shè)計(jì),在自定義無序列表中嵌套有序列表,為什么有序列表的序號(hào)被自定義無序列表覆蓋了呢?
網(wǎng)頁設(shè)計(jì),在自定義無序列表中嵌套有序列表,為什么有序列表的序號(hào)被自定義無序列表覆蓋了呢?在默認(rèn)樣式中似乎沒有這樣的東西。你只能自己實(shí)現(xiàn)。也許你可以用jscss來實(shí)現(xiàn)它。附件中是我寫的一個(gè)例子。如果有字
網(wǎng)頁設(shè)計(jì),在自定義無序列表中嵌套有序列表,為什么有序列表的序號(hào)被自定義無序列表覆蓋了呢?
在默認(rèn)樣式中似乎沒有這樣的東西。你只能自己實(shí)現(xiàn)。也許你可以用jscss來實(shí)現(xiàn)它。附件中是我寫的一個(gè)例子。如果有字?jǐn)?shù)限制,你可以寫下附件
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是塊級(jí)元素),如下圖所示。
5. 我們可以為UL標(biāo)簽下的所有Li標(biāo)簽設(shè)置樣式“display:inline block”,以水平顯示多個(gè)Li標(biāo)簽。
6. 刷新界面后,會(huì)發(fā)現(xiàn)Li標(biāo)簽是水平顯示的。