Bagaimana untuk menetapkan warna latar belakang butang dalam css-tutorial css-php.cn

Bagaimana untuk menetapkan warna latar belakang butang dalam css

WBOY

Lepaskan： 2021-11-25 17:28:44

asal

9707 orang telah melayarinya

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.

Bagaimana untuk menetapkan warna latar belakang butang dalam css

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>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menetapkan warna latar belakang butang dalam css <🎜. >

Pada masa ini, warna latar belakang butang adalah kelabu Sekarang kita hanya perlu menambah "warna latar belakang: nilai warna;" pada elemen butang untuk menetapkan warna latar belakang butang.

Contoh adalah seperti berikut:

<!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>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menetapkan warna latar belakang butang dalam css

Pada masa ini, warna latar belakang butang adalah putih.

(Mempelajari perkongsian video:

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!