css bagaimana untuk membuat tetikus menukar warna

WBOY
Lepaskan: 2021-11-10 11:53:36
asal
30195 orang telah melayarinya

Dalam CSS, pemilih tuding dan atribut warna boleh digunakan untuk mencapai kesan perubahan warna apabila tetikus melayang atribut warna digunakan untuk menetapkan warna apabila melayang Sintaks ":hover{color:hover color;}".

css bagaimana untuk membuat tetikus menukar warna

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

Cara menggunakan css untuk menukar warna pada tuding tetikus:

1 Buka alat pembangunan html dan buat fail html, seperti yang ditunjukkan dalam rajah:

css bagaimana untuk membuat tetikus menukar warna

2. Cari teg

a> teg untuk menutup kandungan. Seperti yang ditunjukkan dalam gambar:

css bagaimana untuk membuat tetikus menukar warna

3 Ubah suai kandungan tag dan tetapkan warna kepada biru, seperti yang ditunjukkan dalam gambar:

css bagaimana untuk membuat tetikus menukar warna

4. Tetapkan gaya apabila tetikus meluncur ke atas teg Seperti yang ditunjukkan dalam gambar:

css bagaimana untuk membuat tetikus menukar warna

5. Simpan fail html dan buka dengan pelayar Perkara pertama yang anda lihat ialah fon biru dan anda akan melihat warna biru Fon bertukar kepada fon merah.

css bagaimana untuk membuat tetikus menukar warna

css bagaimana untuk membuat tetikus menukar warna

6 Untuk semua kod yang dilaksanakan, salin kod terus ke fail html untuk melihat kesannya:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标悬停字体变色</title>
<style type="text/css">
a{
color:blue;
}
a:hover{
color: red;
}
</style>
</head>
<body>
<a href="">把鼠标放到我身上</a>
</body>
</html>
Salin selepas log masuk
Nota: Pemilih tuding mesti digunakan untuk menukar gaya apabila tetikus melayang

Pemilih tuding digunakan untuk memilih elemen di mana penuding tetikus terapung. Pemilih tuding boleh digunakan pada semua elemen, bukan hanya pautan. Dalam definisi CSS, tuding mesti diletakkan selepas pautan dan dilawati (jika ada) untuk gaya berkuat kuasa.

Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Video Pengaturcaraan! !

Atas ialah kandungan terperinci css bagaimana untuk membuat tetikus menukar warna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!