淘宝标签小实战

最新推荐文章于 2024-04-26 16:58:59 发布

liulu璐

最新推荐文章于 2024-04-26 16:58:59 发布

阅读量121

点赞数

文章标签： css

本文链接：https://blog.csdn.net/qq_43566612/article/details/107349868

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>淘宝界面</title>
		<link rel="stylesheet" type="text/css" href="1.css"/>
	</head>
	<body>
		<ul class="nav">
			<li class="content">
				<a href="d">天猫</a>
			</li>
			<li class="content">
				<a href="D">聚划算</a>
			</li>
			<li class="content">
				<a href="D">天猫超市</a>
			</li>
			
		</ul>
	
	</body>
</html>

*{
	padding: 0px;
	margin: 0px;
	color: red;
	font-weight: bold;
	
}
.nav{
	list-style: none;
}
.nav::after{
	content: "";
	display: block;
	clear: both;
}
.nav .content{
	
	height: 30px;
	line-height: 30px;
	
	margin: 0 10px;
	float: left;
}
.nav .content a{
	padding: 0px 5px;
	display: inline-block;
	text-decoration: none;
}

.nav .content a:hover{
	border-radius: 15px;
	background-color: red;
	color: white;
}

优惠劵

liulu璐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
淘宝标签小实战

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>淘宝界面</title> <link rel="stylesheet" type="text/css" href="1.css"/> </head> <body> <ul class="nav"> <li class="content".
复制链接

扫一扫