<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>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。