CSS列表例項：在無序列表中不同型別的列表標記

CSS列表例項：在無序列表中不同型別的列表標記

CSS 程式碼均位於 HTML 的 head 部分，這樣做的目的是為了利於演示例子本身。在實際的開發中，使用 CSS
最好的方式是引用外部樣式表。
這裡介紹CSS列表例項：在無序列表中不同型別的列表標記

工具/原料

這裡需要用到工具，程式碼編輯器，我推薦用editplus

步驟/方法

1

＜style type="text/css"＞
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
＜/style＞

• 咖啡




• 茶




• 可口可樂

• 咖啡




• 茶




• 可口可樂

• 咖啡




• 茶




• 可口可樂

• 咖啡




• 茶




• 可口可樂

2執行結果

注意事項

本文僅供參考

[CSS列表例項：在無序列表中不同型別的.列表標記]相關文章：

1.CSS列表例項:在無序列表中不同型別的列表標記

2.webstorm emmet快捷遇到的問題?