ul
:无序列表ol
:有序列表li
:列表中项目,经常配合 ul
或 ol
一起使用<ul>
<li></li>
</ul>
<ol>
<li></li>
</ol>
新建 html 文件 07-ul.html
,编写下方程序,运行看看效果吧。
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>ul和li</title>
</head>
<body>
<ul>
<listyle="list-style-type: none;">内容1</li>
<listyle="list-style-type: circle;">内容2</li>
<li>内容3</li>
<li>内容4</li>
</ul>
<ol>
<listyle="list-style-type: none;">内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
</ol>
</body>
</html>