web前端基础（显示和隐藏及相关css）

最新推荐文章于 2023-12-06 17:20:04 发布

Lxq0218

最新推荐文章于 2023-12-06 17:20:04 发布

阅读量462

点赞数

文章标签： css html web

本文链接：https://blog.csdn.net/Lxq0218/article/details/117222842

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.li2{
			display: none; /*隐藏，内容和位置都没有了*/
			visibility: hidden;/*隐藏，内容没有了,位置还在*/
			}
			*{
				list-style: none;/*清除li标签的默认样式*/
		
			}
		</style>
	</head>
	<body>
		<ul>
			<li style="color: red;">红烧，（猪）</li>
			<li style="color: chocolate;">糖醋，（猪）</li>
			<li style="color: gray;">清蒸，（猪）</li>
			<li style="color: black;">炭烤,（猪）</li>
		</ul>
	</body>
</html>