Rumah > Artikel > hujung hadapan web > Apakah kod yang tersembunyi dalam klik css

Apakah kod yang tersembunyi dalam klik css

WBOYasal: 2021-12-07 17:59:103671semak imbas

Dalam css, kod tersembunyi apabila diklik ialah "elemen: active{opacity:0;}"; pemilih ":active" digunakan untuk memilih keadaan elemen apabila ia diklik dan menetapkan gaya , dan atribut kelegapan digunakan untuk menetapkan Tahap kelegapan elemen, iaitu, apabila elemen diklik, elemen disembunyikan dan tidak dipaparkan.

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

Apakah kod untuk menyembunyikan klik css?

Dalam css, anda boleh menggunakan atribut :pemilih aktif dan kelegapan untuk mencapai klik kesan penyembunyian.

:pemilih aktif digunakan untuk memilih pautan aktif.

Apabila anda mengklik pada pautan, ia menjadi aktif (diaktifkan).

Atribut kelegapan menetapkan tahap kelegapan elemen.

Sintaks khusus ialah:

元素:active{opacity: 0; }

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div{
                width: 380px;
                height: 250px;
                background-image: url(1118.02.png);
            }
            div:active{
               opacity: 0; 
            }
        </style>
    </head>
    <body>
        <div>鼠标点击div盒子</div>
    </body>
</html>

Hasil keluaran:

( Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah kod yang tersembunyi dalam klik css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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 menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnyaArtikel seterusnya：Bagaimana untuk menetapkan pemformatan teks dalam css untuk menyelaraskan kedua-dua hujungnya

Artikel berkaitan

Lihat lagi