html之列表

列表分为有序列表(ol)和无序列表(ul),li代表列表项,li标签必须配合ul或者ol试用,反之亦然。


1.有序列表

属性:1、a、A、I (显示类型),start属性(从第几个开始)

<ol type="a" start="c">
	<li>wangjinmei</li>
	<li>liubingxiang</li>
	<li>liulele</li>
</ol>

2.无序列表

属性:disc(默认属性,实体圆)<!--在不同浏览器的显示大小不一致-->、circle(空心圆)、square(实心方块).很多时候自带的标是很难看的,所以经常试用图片来定义。

<ul type="circle">
	<li>wangjinmei</li>
	<li>liubingxiang</li>
	<li>liulele</li>
</ul>
3.嵌套使用,无序列表中嵌套着有序列表,或者相反。

<ol >
	<li>手机品牌
		<ul>
			<li>华为</li>
			<li>小米</li>
			<li>OPPO</li>
		</ul>
	</li>
	<li>电脑品牌
		<ul>
			<li>华硕</li>
			<li>联想</li>
			<li>戴尔</li>
		</ul>
	</li>
</ol>
4、自定义列表, dl是自定义列表,dt是列表项,dd是对列表项的描述。

<dl>
	<dt>hello world</dt>
	<dd>emmm,可能是个咒语吧!</dd>
</dl>
<dl>
	<dt>hello world</dt>
	<dd>emmm,可能是个咒语吧!</dd>
</dl>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值