【CSS】a标签及display简单应用
<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/
转载时须注明出处及本声明
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2021 年 09 月，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读