CSS中对列表样式设定格式在HTML中,列表是非常常见和重要的一种元素,它可以用来展示数据、菜单、文章等等。在介绍CSS对列表样式设定格式之前,先来看一下HTML中常用的列表标签:1. 无序列表(Un
<ul> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ul>
<ol> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol>
<dl> <dt>术语1</dt> <dd>定义1</dd> <dt>术语2</dt> <dd>定义2</dd> </dl>
/* 去掉无序列表的默认圆点样式,改为实心圆点 */ ul { list-style: none; } ul li:before { content: "●"; margin-right: 5px; } /* 有序列表使用罗马数字样式 */ ol { list-style: upper-roman; } /* 自定义列表使用横线样式 */ dl { list-style: none; } dt { font-weight: bold; margin-bottom: 5px; } dd { margin-left: 0; margin-bottom: 10px; padding-left: 15px; border-left: 2px solid #888; }
粉丝
0
关注
0
收藏
0