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快捷遇到的問題?

【CSS列表實例：在無序列表中不同類型的列表標記】相關文章：

節奏大師歌曲列表08-04

中醫俄語醫療詞匯列表07-03

醫療俄語詞匯列表07-02

2016春晚節目單列表07-02

駱駝祥子人物列表及其主要經歷02-07

用列表法解決問題教學設計07-04

求前臺文員離職清單列表模板07-12

女朋友qq的最近聯系人不在她的好友列表07-13

為何App Store 的應用評論「最有幫助」列表里極多廢話？07-10

為什么京東商城上的產品列表可以「按照評論數」進行排序07-11