免費教程
您除了可以使用 HTML 中的一些屬性來對列表進行簡單的設置外,在 CSS 中也提供了幾種專門用來設置和格式化列表的屬性……
Web前端教程
Web前端入門教程:CSS列表樣式
來源:易牛云朗沃
??|??
發布時間:2021-10-18 23:49
??|??
關鍵詞:Web前端入門教程
??|??
閱讀量:

在網頁中很多地方都會用到列表,例如導航菜單、新聞列表、商品分類等等。您除了可以使用 HTML 中的一些屬性來對列表進行簡單的設置外,在 CSS 中也提供了幾種專門用來設置和格式化列表的屬性,如下所示:

list-style-type:設置列表項前面標記的形狀(外觀);

list-style-position:設置標記和列表中文本之間的距離;

list-style-image:使用圖像代替默認的標記;

list-style:統一設置上面的三個屬性。

1. list-style-type

使用 list-style-type 屬性可以設置列表中每個列表項前標記的樣式,屬性的可選值如下:

Web前端入門教程

【示例】使用 list-style-type 屬性改變無序列表、有序列表中列表項前標記的樣式:

Web前端入門教程

運行結果如下圖所示:

Web前端入門教程

點擊知道更多編程知識

文章來源于網絡

,无码人妻一区二区三区精品视频,国产在线国偷精品免费看,成人欧美一区二区三区黑人
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>