cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menukar warna latar belakang div dengan css

Bagaimana untuk menukar warna latar belakang div dengan css

WBOY
WBOYasal
2021-12-01 14:39:4410232semak imbas

Dalam CSS, anda boleh menggunakan pemilih ":active" dan atribut "background-color" untuk mencapai kesan mengklik div untuk menukar warna latar belakang Anda hanya perlu menambah "div:active{. background-color:color" kepada elemen div. Nilai;}" gaya sudah memadai.

Bagaimana untuk menukar warna latar belakang div dengan css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Cara menukar warna latar belakang dengan mengklik pada div dalam css

Kita boleh menggunakan: pemilih aktif dan atribut warna latar belakang untuk ditetapkan warna latar belakang dengan mengklik pada div .

:pemilih aktif digunakan untuk memilih pautan aktif. Sifat warna latar belakang menetapkan warna latar belakang sesuatu elemen.

Contoh adalah seperti berikut: 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width:200px;
                height:150px;
                border: 1px solid red;
                background-color:red;  
            }
            div:active{
                background-color:black;
            }
        </style>
    </head>
    <body>
        <div>鼠标点击div盒子</div>
    </body>
</html>

Hasil keluaran:

13.gif

(Belajar perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bagaimana untuk menukar warna latar belakang div dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 选择器 background
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimana untuk mencapai kesan putaran lawan jam pada elemen hover tetikus dalam cssArtikel seterusnya：Bagaimana untuk mencapai kesan putaran lawan jam pada elemen hover tetikus dalam css

Artikel berkaitan

Lihat lagi