CSS3笔记006 - 第06章 列表样式

第06章 列表样式

列表项符号

list-style-type:none去除列表项默认的符号，经常用到；
有序列表list-style-type:decimal|lower-roman|upper-roman|lower-alpha|upper-alpha
无序列表list-style-type:disc|circle|square

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>有序列表</title>
		<style>
			ol{list-style-type: lower-roman;}
		</style>
	</head>
	<body>
		<h3>有序列表</h3>
		<ol>
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
		</ol>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>无序列表</title>
		<style>
			ul{list-style-type: circle;}
		</style>
	</head>
	<body>
		<h3>无序列表</h3>
		<ul>
			<li>HTML</li>
			<li>CSS</li>
			<li>JavaScript</li>
		</ul>
	</body>
</html>
posted @ 2020-08-29 08:38  测试工匠麻辣烫  阅读(153)  评论(0)  编辑  收藏  举报