css---有序列表+无序列表(37)

最新推荐文章于 2024-05-20 22:38:25 发布

chen_zan_yu_

最新推荐文章于 2024-05-20 22:38:25 发布

阅读量1k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/chen_zan_yu_/article/details/89001093

版权

CSS 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
        	列表就相当于去超市购买物时的那个购物清单
        		在HTML也可以创建列表，在网页中以共有三种列表
        			1.无序列表
        			2，有序列表
        			3，定义列表
        -->
        <!--
        	无需列表
        		-使用ul标签创建一个无序列表
        		-使用li在ul中创建一个一个的列表项
        			一个li就是一个列表
        			
        		通过type属性可以直接修改无序列表项目的符号
        			可选值：
        				disc,默认实心圆点
        				circle空心的园
        				
        				ul和li都是块元素
        -->
        <ul>
        	<li>西门大官员</li>
        	<li>东门大官员</li>
        	<li>北门大官员</li>
        	<li>南门大官员</li>
        </ul>
        <!--
        	有序列表类似，只不过它使用ol来代替ul
        	有序列表使用有序序号表示我们的序号
        		type属性可以指定序号的类型
        			可选值：1.默认值，使用阿拉伯数字
        					2，a/A采用小写/大写
        					3，i/I采用罗马数字的方式序号
        			
        -->
        <ol>
        	<li>
        		结果
        	</li>
        	<li>我们</li>
        	<li>在一起了</li>
        </ol>
        <!--
        	 列表之间都是可以互相嵌套的
        -->
        <p>
        	菜谱
        </p>
        <ul>
        	<li>
        		鸡丁
        		<ol>
        			<li>鸡</li>
        			<li>鱼</li>
        			<li>蘑菇</li>
        		</ol>
        	</li>
        	<li>
        		鸡公煲
        		<ul>
        			<li>鸡</li>
        			<li>鱼</li>
        			<li>蘑菇</li>
        		</ul>
        	</li>
        	<li>青椒炒鱼</li>
        </ul>
	</body>
</html>

chen_zan_yu_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css---有序列表+无序列表(37)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 列表就相当于去超市购买物时的那个购物清单在HTML也可以创建...
复制链接

扫一扫

专栏目录