Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan warna latar belakang butang dalam css
Bagaimana untuk menetapkan warna latar belakang butang dalam css
- WBOYasal
- 2021-11-25 17:28:449665semak imbas
Dalam CSS, anda boleh menggunakan atribut "warna latar belakang" untuk menetapkan warna latar belakang butang Fungsi atribut ini adalah untuk menetapkan warna latar belakang elemen. Anda hanya perlu menambah "warna latar : color value;" kepada elemen butang. Gayakan sahaja.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara untuk menetapkan warna latar belakang butang dalam css
Dalam css, anda boleh menggunakan atribut warna latar belakang untuk menetapkan warna latar belakang butang, background-color Property digunakan untuk menetapkan warna latar belakang sesuatu elemen.
Mari kita lihat operasi khusus melalui contoh contohnya:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
button{
outline: 0;
}
.el-button {
padding: 0 24px;
border: 1px solid #1E9FFF;
font-size: 14px;
color: #1E9FFF;
line-height: 26px;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<button type="button" class="el-button"><span>按钮</span></button>
</body>
</html>Hasil keluaran:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
button{
outline: 0;
}
.el-button {
padding: 0 24px;
border: 1px solid #1E9FFF;
font-size: 14px;
color: #1E9FFF;
line-height: 26px;
border-radius: 4px;
cursor: pointer;
background-color:#ffffff;
}
</style>
</head>
<body>
<button type="button" class="el-button"><span>按钮</span></button>
</body>
</html>Hasil keluaran: 
tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna latar belakang butang dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!