在css中設置按鈕透明顯示的方法:1.創建按鈕;2.設置按鈕寬高;3.使用opacity屬性設置按鈕透明顯示;
在css中設置按鈕透明顯示的方法
1.首先,在頁面中創建兩個按鈕,并定義class類用于對比;
<body><button type="button" class="clear">透明按鈕</button>
<button type="button" >正常按鈕</button>
</body>
2.按鈕創建好后,在css中設置按鈕的寬度和高度;
button{width:100px;
height:60px;
}
3.按鈕的寬高設置好后,使用opacity屬性即可實現按鈕透明顯示;
.clear{opacity:0.5;
}
效果: