Dalam CSS, anda boleh menggunakan atribut "background-image" untuk menetapkan imej latar belakang untuk butang Fungsi atribut ini adalah untuk menetapkan imej latar belakang elemen :url("laluan imej" ke elemen butang );" gaya sudah memadai.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan imej latar belakang untuk butang dalam css
Dalam css, anda boleh menggunakan atribut imej latar belakang untuk menetapkan latar belakang imej butang Atribut ini Menetapkan imej latar belakang untuk elemen.
Mari kita ambil contoh untuk melihat cara menetapkan imej latar belakang butang melalui atribut imej latar belakang Contoh adalah seperti berikut:
<!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>
Hasil keluaran:
.
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menetapkan imej latar belakang untuk butang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!