Bagaimana untuk menukar warna div dengan melayang mouse

Pengarang: William Ramirez
Tarikh Penciptaan: 21 September 2021
Tarikh Kemas Kini: 1 Julai 2024
Anonim
Variasi Link Ketika Mouse Hover
Video.: Variasi Link Ketika Mouse Hover

Kandungan

Tag DIV (singkatan "split") mentakrifkan seksyen dokumen HTML dan sering digunakan dengan bahasa CSS untuk membuat susunan asas tapak. DIV boleh disesuaikan menggunakan CSS untuk menentukan margin, jarak, sempadan, saiz teks, penjajaran, atau warna latar belakang, serta cara yang lebih maju, seperti mengubah warna DIV apabila pengguna melayang ke sana.


Arahan

Bahasa CSS membolehkan anda menggunakan helah untuk meningkatkan interaksi pengguna dengan halaman (Comstock / Comstock / Getty Images)

  1. Buka dokumen dari halaman web anda dalam editor teks.

  2. Letakkan kursor pada baris kosong di antara "dan'.

  3. Ketik "type = 'text / css'>" dan tekan "Enter." Dengan ini, anda akan mula membuat skrip CSS.

  4. Ketik "# div1: hover {background-color: #ff0000;}" dan tekan "Enter." Ini akan menyesuaikan kontena DIV dengan nilai "div1" sebagai harta ID menggunakan warna latar belakang "# ff0000" (nilai heksadesimal) apabila keadaan "hover" diaktifkan, yang akan berlaku apabila kursor tetikus diletakkan di atas DIV itu. Nilai ID dan warna latar belakang ini boleh diubah jika diperlukan.


  5. Taipkan ""untuk menutup tag skrip CSS.

  6. Letakkan kursor teks pada baris kosong antara tanda "" dan "".

  7. Taip "" dan tekan "Enter" untuk membuat bekas DIV dengan nilai ID "div1". Jika anda telah menukar nama ID di langkah 4, anda mesti meletakkan nama yang sama di sini.

  8. Taip atau tampal kandungan yang akan dimasukkan ke dalam DIV dan tekan "Enter."

  9. Taip "" untuk menutup bekas DIV.

  10. Klik "Fail" dan "Simpan" untuk menyimpan dokumen.