代码语言：javascript复制
<head>
<meta charset="utf-8">
<title>简洁的小米侧边栏</title>
<style>
a {
/* 转换为块级元素 */
display: block;
/* 背景颜色及a标签大小 */
background-color: rgb(39,40,34);
width: 230px;
height: 40px;
/* 字体设置 */
font-size: 14px;
color: white;
text-decoration: none;
text-indent: 2em;
/* 字体高度等于盒子高度，使字体居中 */
line-height: 40px;
}
/* 鼠标经过颜色改变 */
a:hover {
background-color: coral;
}
</style>
</head>
<body>
<a href="#">手机</a>
<a href="#">电脑</a>
<a href="#">彩电</a>
<a href="#">冰箱</a>
<a href="#">洗衣机</a>
<a href="#">智能家居</a>
</body>
版权属于：Cyril
本文链接：https://www.cyrilstudio.top/archives/587/
转载时须注明出处及本声明
