1. 用<a>制作button效果,需要设置text-decoration padding display
.btn{
text-decoration: none;
padding: 14px 20px;
display: inline-block;
text-align: center;
color:white;
font-size: 20px;
font-family: sans-serif;
}
2. 鼠标hover到button上面会高亮的效果。是调整了opacity
.btn:hover{
opacity: 0.5;
}