无序列表是用来布局的,无序列表的各个列表项之间没有顺序之分,是并列的。ul中只能嵌套li,不允许有其他标签或文字。li标签里可以放任何元素。
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>一个简单的无序列表</title>
</head>
<body>
<h4>黄子韬染过的发色</h4>
<ul>
<li>紫色</li>
<li>绿色</li>
<li>银色</li>
<li>棕色</li>
<li>黄色</li>
<li>蓝色</li>
<li>粉红色</li>
</ul>
</body>
</html>
浏览器效果图: