CSS列表实例:在无序列表中不同类型的列表标记

时间:2022-07-03 02:45:49 其他 我要投稿
  • 相关推荐

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