CSS列表

简介: 【5月更文挑战第4天】CSS列表。

CSS 列表属性作用如下:
设置不同的列表项标记为有序列表
设置不同的列表项标记为无序列表
设置列表项标记为图像
列表
在 HTML中,有两种类型的列表:
无序列表 ul - 列表项标记用特殊图形(如小黑点、小方框等)
有序列表 ol - 列表项的标记有数字或字母
使用 CSS,可以列出进一步的样式,并可用图像作列表项标记。
无序列表如下所示:
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
有序列表如下所示:
Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola
不同的列表项标记
list-style-type属性指定列表项标记的类型是:
实例
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}

ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}

相关文章
|
22小时前
|
Web App开发 前端开发 JavaScript
只需一行CSS代码,让长列表网页的渲染性能提升几倍以上!
只需一行CSS代码,让长列表网页的渲染性能提升几倍以上!
|
3天前
|
前端开发
CSS列表属性
CSS列表属性。
18 5
|
3天前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
27 0
|
3天前
编程笔记 html5&css&js 015 HTML列表
编程笔记 html5&css&js 015 HTML列表
|
10月前
|
前端开发
CSS实现列表滚动效果
CSS实现列表滚动效果
183 0
|
7月前
|
机器学习/深度学习 人工智能 前端开发
【CSS】CSS列表【CSS基础知识详解】
【CSS】CSS列表【CSS基础知识详解】
|
7月前
|
前端开发
css列表
css列表
28 0
|
8月前
|
前端开发 开发者
|
9月前
|
前端开发
css--背景和列表
css--背景和列表