CSS列表實(shí)例：在無(wú)序列表中不同類型的列表標(biāo)記

CSS 代碼均位于 HTML 的 head 部分，這樣做的目的是為了利于演示例子本身。在實(shí)際的開(kāi)發(fā)中，使用 CSS
最好的方式是引用外部樣式表。
這里介紹CSS列表實(shí)例：在無(wú)序列表中不同類型的列表標(biāo)記

工具/原料

這里需要用到工具，代碼編輯器，我推薦用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＞

• 咖啡




• 茶




• 可口可樂(lè)

• 咖啡




• 茶




• 可口可樂(lè)

• 咖啡




• 茶




• 可口可樂(lè)

• 咖啡




• 茶




• 可口可樂(lè)

2運(yùn)行結(jié)果

注意事項(xiàng)

本文僅供參考

[CSS列表實(shí)例：在無(wú)序列表中不同類型的列表標(biāo)記]相關(guān)文章：

1.CSS列表實(shí)例:在無(wú)序列表中不同類型的`列表標(biāo)記

2.webstorm emmet快捷遇到的問(wèn)題?

【CSS列表實(shí)例：在無(wú)序列表中不同類型的列表標(biāo)記】相關(guān)文章：

節(jié)奏大師歌曲列表08-04

中醫(yī)俄語(yǔ)醫(yī)療詞匯列表07-03

醫(yī)療俄語(yǔ)詞匯列表07-02

2016春晚節(jié)目單列表07-02

駱駝祥子人物列表及其主要經(jīng)歷02-07

用列表法解決問(wèn)題教學(xué)設(shè)計(jì)07-04

求前臺(tái)文員離職清單列表模板07-12

女朋友qq的最近聯(lián)系人不在她的好友列表07-13

為何App Store 的應(yīng)用評(píng)論「最有幫助」列表里極多廢話？07-10

為什么京東商城上的產(chǎn)品列表可以「按照評(píng)論數(shù)」進(jìn)行排序07-11