07、css列表

来源：互联网发布：叮叮当软件下载编辑：程序博客网时间：2024/06/07 10:18

1、无序列表

<ul>
<li>
<ul>
<li></li>
</ul>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
list-style-type:none没有 disc 默认值实心圆 circle空心圆点 square实心方块
list-style-image:url(路劲)
list-style-position:设置前面的图标的位置 outside 默认值在内容外面
inside 在内容里
list-style:none;

2、有序列表 ol li 前面的图标有顺序

list-style-type:none 没有 decimal标记是数字（默认值）
list-style-position:设置前面的图标的位置 outside 默认值在内容外面
inside 在内容里

3、定义列表 dl dt dd
dt 规定列表的项目名

dd 描述项目的内容

<!doctype html><!--声明当前文档为html文档--><html lang="en"><!--语言为英语--><head><!--头部--><meta charset="UTF-8"><!--字符编码：utf-8国际编码  gb2312中文编码--><meta name="Keywords" content="关键词"><meta name="Description" content="描述"><title>dl</title><link rel="stylesheet" href="css/demo.css"/><style>*{margin:0px;padding:0px;}dl{font-size:12px;color:#666;}dt{font-size:14px;color:#333;}dl dt a{font-size: 16px;}</style></head><body><!--身体--><dl><dt><a>衣服</a></dt><dd class="first"><a>秋の新品连衣</a></dd><dd><a>针织衫</a></dd><dd>牛仔裤</dd><dd>时尚套装</dd><dd>裙风衣</dd></dl><div></div><p></p></body></html>

0 0