CSS中的列表样式 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式</title>
		<!--去掉小圆点-->
		<style type="text/css">
			ul {
				list-style-type: none
			}
		</style>
    </head>
	<body>
		<ul>
			<li>水果
				<ul>
					<li>苹果</li>
					<li>西瓜</li>
					<li>菠萝</li>
				</ul>
			</li>
			<li>蔬菜</li>
			<li>肉类</li>
		</ul>
	</body>
</html>

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20200817223941392.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTMzNDAyMg==,size_16,color_FFFFFF,t_70#pic_center)

posted @ 2020-08-17 22:47  YU_UY  阅读(306)  评论(0)    收藏  举报