a { display: block;/*把a标签设置成为块级元素,设置成功之后可以设置高和宽*/
width: 200px;
height: 50px;
background-color: aqua;
line-height: 50px;/*行高*/
text-decoration-line: none;/*去掉下划线*/
text-indent: 2em;/*首航缩进2个字的距离*/
}
a:hover {
background-color: aquamarine;
}
<a href="#">手机 电话卡</a>
<a href="#">电视 盒子</a>
<a href="#">笔记本 平板</a>
<a href="#">智能 路由器</a>
<a href="#">耳机 音响</a>
效果图