css中按鈕如何顯示透明

css
養(yǎng)魚(yú)的貓咪
856
2021-03-25 15:07:18

在css中設(shè)置按鈕透明顯示的方法：1.創(chuàng)建按鈕；2.設(shè)置按鈕寬高；3.使用opacity屬性設(shè)置按鈕透明顯示；

css中按鈕如何顯示透明

在css中設(shè)置按鈕透明顯示的方法

1.首先，在頁(yè)面中創(chuàng)建兩個(gè)按鈕，并定義class類(lèi)用于對(duì)比；

 <body>
   <button type="button" class="clear">透明按鈕</button>
   <button type="button" >正常按鈕</button>
 </body>

2.按鈕創(chuàng)建好后，在css中設(shè)置按鈕的寬度和高度；

button{
  width:100px;
  height:60px;
}

3.按鈕的寬高設(shè)置好后，使用opacity屬性即可實(shí)現(xiàn)按鈕透明顯示；

.clear{
  opacity:0.5;
}

效果：

css中按鈕如何顯示透明

0 踩