在css中,可以利用「background-image」屬性為按鈕設定背景圖片,該屬性的作用是設定元素的背景圖像,只需要給按鈕元素新增「background:url("圖片路徑" );”樣式即可。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css怎麼給按鈕設定背景圖片
#在css中,可以利用background-image屬性來設定按鈕的背景圖片,該屬性為元素設定背景圖像。
下面我們透過範例來看一下,怎麼透過background-image屬性來設定按鈕背景圖片,範例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> button { width:200px; height:150px; background-image:url("1118.02.png"); } </style> </head> <body> <button type="button" >按钮</button> </body> </html>
輸出結果:
(學習影片分享:css影片教學)
以上是css怎麼給按鈕設定背景圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章!