CSS学习之小米的侧边栏

2024-04-10 09:18:00

<!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>

码农公寓

相关文章