CSS学习之小米的侧边栏

最新推荐文章于 2023-05-27 19:53:49 发布

一只追求学习的学渣

最新推荐文章于 2023-05-27 19:53:49 发布

阅读量1.6k

点赞数 1

文章标签： css

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106967398

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米侧边栏</title>
		<style>
			a {
				display:block;
				width: 230px;
				height: 40px;
				background-color: #55585a;
				font-size: 14px;
				color: #fff;
				text-decoration: none;
				text-indent: 2em;
				line-height: 40px;
			}
			a:hover{
			background-color: #ff6700;
			}
		</style>
	</head>
	<body>
		
			<a href="#">手机电话卡</a>
			<a href="#">电视盒子</a>
			<a href="#">笔记本平板</a>
			<a href="#">出行穿戴</a>
			<a href="#">智能路由器</a>
			<a href="#">健康儿童</a>
			<a href="#">耳机音响</a>
		
	</body>
</html>