編碼的世界 / 優質文選 / 生涯

CSS按鈕點擊效果


2022年7月30日
-   

css部分
<style type="text/css">
.dv_bt_buttoncommit{
margin-top: 10px;
width: 80%;
height: 40px;
color: white;
background: #1E63B0; //默認的顏色
border-radius: 5px;
}
.dv_bt_buttoncommit:active{
margin-top: 10px;
width: 80%;
height: 40px;
color: white;
border-radius: 5px;
background: #4a9bfa; 黑色
opacity: 0.5; //這裏重要,就是通過這個透明度來設置
}
</style>

按鈕:
  
 <button class="dv_bt_buttoncommit">按鈕</button>

 

熱門文章