HTML 列表(ul ol dl)

ul,ol

列表样式

lisy-style:;
为缩写

列表项类型
ul

list-style-type:disc/circle/square;

ol

list-style-type
语法格式

<ol  type=value1    start=value2>
   <li></li>
</ol>

(1)、type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。value1表示有序列表项目符号的类型。
|type类型 | 描述 |
|------|:------:|
|Type=1 |表示列表项目用数字表示(1,2,3…..)|
|Type=a |表示列表项目用小写字母表示(a,b,c..)|
|Type=A |表示列表项目用大写字母表示(A,B,C..)|
|Type=i |表示列表项目用小写罗马数字表示(i,ii,iii….)|
|Type=I |表示列表项目用大写罗马数字表示(I,II,III…)|
(2)、start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略。value2表示项目开始的数值。
start 数字 如下

<ol type=”a” start=”3″>
<li>吉林联通百兆独享:$899 /月</li>
<li>江苏电信特价百兆:$1099 /月</li>
<li>山东联通百兆独享:$899 /月</li>
<li>黑龙江联通百兆独享:$899 /月</li>
</ol>
列表项图像

list-style-image:url();

列表标记位置

list-style-position:inside/outside;
(默认outside 网页开头重置样式 )

dl

列表项前无项目符号
多个dl

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容