Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mencipta Div yang Boleh Diklik Tanpa JavaScript?
Div Boleh Klik tanpa JavaScript
Mencipta div boleh klik tanpa JavaScript menimbulkan cabaran, kerana elemen blok seperti div tidak boleh diletakkan dalam elemen sebaris seperti sauh. Untuk mengatasinya, pendekatan yang bijak ialah menggunakan CSS untuk mencipta ilusi div yang boleh diklik.
Penyelesaian menggunakan CSS dan HTML
CSS:
#my-div { background-color: #f00; width: 200px; height: 200px; } a.fill-div { display: block; height: 100%; width: 100%; text-decoration: none; }
CSS ini mentakrifkan saiz tetap div (#my-div) dengan latar belakang merah. Ia juga mentakrifkan elemen utama (a.fill-div) yang akan menduduki keseluruhan div.
HTML:
<div>
The HTML mencipta div dengan ID "my-div" dan elemen utama di dalamnya dengan kelas "fill-div." Memandangkan elemen sauh menduduki keseluruhan div, mengklik mana-mana sahaja dalam div akan mengaktifkan pautan href sauh.
Dengan menggabungkan elemen CSS dan HTML ini, anda boleh menjadikan keseluruhan div boleh diklik, memberikan kemunculan div boleh klik tanpa menggunakan JavaScript.
Atas ialah kandungan terperinci Bagaimana untuk Mencipta Div yang Boleh Diklik Tanpa JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!