CSS列表

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

2000元阿里云代金券免费领取,2核4G云服务器仅664元/3年,新老用户都有优惠,立即抢购>>>


阿里云采购季(云主机223元/3年)活动入口:请点击进入>>>,


阿里云学生服务器(9.5元/月)购买入口:请点击进入>>>,

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;}

相关文章
|
2天前
|
Web App开发 前端开发 JavaScript
只需一行CSS代码,让长列表网页的渲染性能提升几倍以上!
只需一行CSS代码,让长列表网页的渲染性能提升几倍以上!
|
4天前
|
前端开发
CSS列表属性
CSS列表属性。
18 5
|
4天前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
27 0
|
4天前
编程笔记 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列表
29 0
|
8月前
|
前端开发 开发者
|
9月前
|
前端开发
css--背景和列表
css--背景和列表
http://www.vxiaotou.com