溫馨提示×

css中如何給按鈕添加背景圖片

css
養魚的貓咪
2693
2021-03-25 15:11:54
欄目: 編程語言

在css中給按鈕設置背景圖片的方法:1.創建按鈕;2.設置按鈕寬高;3.使用使用background屬性設置背景圖片;

css中如何給按鈕添加背景圖片

在css中給按鈕設置背景圖片的方法

1.首先,在頁面中創建兩個按鈕,并定義class類用于對比;

 <body>

   <button type="button" class="imges">背景圖片按鈕</button>

   <button type="button" >正常按鈕</button>

 </body>

2.按鈕創建好后,在css中設置按鈕的寬度和高度;

button{

  width:100px;

  height:60px;

}

3.按鈕的寬高設置好后,使用background屬性即可為按鈕設置背景圖片;

 .imges {

   background:url(1.jpg) no-repeat;  /*背景圖片的路徑*/

}


0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女