按钮美化 02

点击这里

HTML代码:

<a href="网址" button class="whit_eblack_btn">点击这里</a>

CSS代码
<!-------------按钮美化---------------->
<style>
.whit_eblack_btn {
display: inline-block;
padding: 6px 60px;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #000000;
border-radius: 5px;
background-color: #FFFFFF;   /*--- 按钮默认颜色 --*/
color: #000000;   /*--- 按钮上文本默认颜色 --*/
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.whit_eblack_btn:hover {
background-color: #000;   /*--- 鼠标悬停后按钮颜色 --*/
color: #FFF;   /*--- 鼠标悬停后按钮文本颜色 --*/
}
</style>
<!-------------按钮美化---------------->