HTML实例-066 HTML不同类型的列表

hrs 提交于 2019/11/13 - 08:52 , 周三

在编辑html网页中,有时候我们要对列表的符号进行修改,这时我们就要用列表的tyep 属性来定义它。

实例代码:

<!doctype html>
<head>
	<meta charset="utf-8">
</head>
<html>
	<body>
		<h4>disc 项目符号列表:</h4>
		<ul type="disc">
			<li>苹果</li>
			<li>香蕉</li>
			<li>芒果</li>
		</ul>
		<h4>circle 项目符号列表:</h4>
		<ul type="circle">
			<li>苹果</li>
			<li>香蕉</li>
			<li>芒果</li>
		</ul>
		<h4>square 项目符号列表:</h4>
		<ul type="square">
			<li>苹果</li>
			<li>香蕉</li>
			<li>芒果</li>
		</ul>
	</body>
</html>

运行效果:

html_066.png

从这个实例中看出,我们用<ul>标签定义三个无序列表,并且用type属性改变了列表的符号显示。

type="disc"    显示实心黑色小圆点

type="circle"    显示空心小圆点

type="square"    显示实心黑色小方点

标签