css鼠标悬停变色：超链接字体随鼠标悬停颜色改变实现
本篇文章给大家带来的内容是关于css鼠标悬停变色：超链接字体随鼠标悬停颜色改变实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
css设置超链接鼠标悬停字体上时字体变颜色，css设置鼠标悬停变色布局。
鼠标悬停字体上文字变色，通常针对超链接锚文本字体颜色改变，使用了伪类：hover。
a{ color:#00F}
a:hover{ color:#F00}解释：默认超链接字体颜色为蓝色“color:#00F”，鼠标悬停时字体颜色为红色“ color:#F00”。可见要改变鼠标悬停颜色就设置a:hover
1、div css实例代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标悬停颜色改变 实例</title>
<style>
a{ color:#00F}/* 默认超链接字体颜色为蓝色 */
a:hover{color:#F00}/* 默认超链接字体悬停时颜色为红色 */
.zhiding a{ color:#090}
.zhiding a:hover{ color:#F0F}
</style>
</head>
<body>
<p>欢迎来到<a href="http://www.php.cn/">php</a>学习php技术！</p>
<p class="zhiding">指定对象<a href="#">超链接</a>字体悬停颜色改变！</p>
</body>
</html>效果如下:
说明：
1）、设置默认网页超链接字体为蓝色，鼠标悬停时是红色（a{ color:#00F} a:hover{color:#F00}）；
2）、同时设置指定对象内超链接字体默认为绿色，鼠标悬停时字体颜色为粉红色。
3、总结
css鼠标悬停变色应用超链接伪类“：hover”设置css样式改变，除了颜色改变，还可以定义鼠标悬停字体大小、字体加粗、背景等样式改变，作为字体颜色改变灵活运用设置其它CSS样式。
以上就是对css鼠标悬停变色：超链接字体随鼠标悬停颜色改变实现的全部介绍，如果您想了解更多有关CSS3教程，请关注PHP中文网。
Atas ialah kandungan terperinci css鼠标悬停变色：超链接字体随鼠标悬停颜色改变实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1378
52
Apakah pintasan papan kekunci untuk bertukar kepada mod hitam putih dalam win10?
Jan 10, 2024 pm 01:26 PM
Sistem win10 yang dilancarkan oleh Microsoft mempunyai banyak ciri baharu berbanding versi sebelumnya Contohnya, anda boleh menggunakan penapis warna iaitu pintasan penapis warna untuk menukar paparan keseluruhan win10 kepada hitam putih. Sesetengah rakan mungkin tidak tahu bagaimana untuk menyediakan kesan ini. Jadi izinkan saya memberitahu anda sekarang. Semoga membantu anda~ Apakah penyelesaian kepada kekunci pintasan untuk menukar win10 kepada hitam putih 1. Anda boleh menggunakan pintasan ++ untuk menghidupkan atau mematikan penapis warna penapis, anda boleh klik kanan logo mula pada bar tugas Pilih pilihan 3 dalam menu timbul Pilih pilihan 4 dalam antara muka yang dibuka menggunakan bar mudah di sebelah kiri halaman yang dibuka antara muka penapis warna di sebelah kanan halaman yang dibuka kita akan melihat a
Cara menukar harga penghantaran permulaan versi pedagang Meituan Takeout
Mar 27, 2024 pm 07:20 PM
Dalam proses operasi Meituan Takeout Merchant Edition, penetapan harga penghantaran permulaan adalah pautan yang penting. Harga penghantaran permulaan yang berpatutan bukan sahaja dapat membantu peniaga mengawal kos, tetapi juga meningkatkan jumlah pesanan pada tahap tertentu, sekali gus meningkatkan hasil keseluruhan. Walau bagaimanapun, ramai peniaga tidak tahu banyak tentang cara mengubah suai harga penghantaran minimum. Jadi dalam artikel berikut, editor laman web ini akan membawakan anda panduan penetapan harga permulaan yang terperinci untuk peniaga Jika anda ingin mengetahui lebih lanjut, datang ke artikel berikut untuk mengetahui! Dalam Meituan Takeout Merchant Center, log masuk dan masukkan tetapan kedai, kemudian pilih pengurusan kedai Dalam navigasi suis di bahagian atas halaman pengurusan kedai, pilih maklumat penghantaran dan kemudian klik Tambah Kawasan Penghantaran untuk menyelesaikan operasi. Sebaik sahaja anda menambah lokasi, kos penghantaran yang sepadan akan dipaparkan secara automatik. Selepas menyelesaikan pesanan anda, anda akan menerima
Bagaimana untuk menukar warna sempadan pada komputer Win7
Jul 17, 2023 am 08:53 AM
Sistem Win7 boleh dikatakan sebagai salah satu sistem komputer yang paling biasa digunakan, tetapi baru-baru ini beberapa rakan yang menggunakan sistem Win7 ingin menukar warna bingkai mereka, tetapi tidak tahu bagaimana untuk menukar warna bingkai komputer Win7 Mari kita lihat bagaimana untuk menukar warna bingkai komputer Win7 kaedah di bawah. Cara menukar warna sempadan pada komputer Win7 1. Klik kanan kawasan kosong desktop dalam bar menu pop timbul dan pilih [Peribadikan]; ; 3. Kita boleh lihat berapa banyak tingkap yang telah ditetapkan untuk kita warna tingkap. Klik dua kali warna yang ingin digunakan, dan kita dapat melihat bahawa warna tetingkap dan bar tugas berjaya ditetapkan 4. Klik pilihan kepekatan di bawah warna untuk menambah atau mengurangkan kepekatan warna tetingkap. Semakin berat kepekatan;
Bagaimana untuk menukar saiz ikon dalam win11
Jul 04, 2023 pm 03:57 PM
Bagaimana untuk menukar saiz ikon dalam win11? Win11 adalah versi sistem pengendalian komputer yang sangat mudah digunakan Ia menduduki separuh daripada sistem pengendalian komputer di dunia hari ini Ramai rakan juga mendapati bahawa versi sistem Windows ini mempunyai banyak fungsi tidak dapat melihat dengan jelas paparan ikon pada desktop Bagaimana saya boleh menukar saiznya? Jadi hari ini, editor akan menggunakan artikel berikut untuk menerangkan soalan berikut untuk anda pelajar yang berminat boleh membaca di bawah! Cara melaraskan saiz ikon win11: Tekan dan tahan tetikus dan gunakan kekunci "ctrl" untuk melaraskan saiz 1. Ikon desktop terlalu besar. 2. Bagaimana untuk melaraskan saiz ikon win11 Pertama, tekan dan tahan "ctrl" di sudut kiri bawah papan kekunci. 3. Roda tetikus
Kawal keterlihatan elemen menggunakan jQuery
Feb 20, 2024 am 10:25 AM
Tajuk: Menggunakan jQuery untuk menukar atribut paparan elemen Dalam pembangunan web, kami sering menghadapi keperluan untuk menukar paparan dan penyembunyian elemen secara dinamik berdasarkan operasi pengguna atau status halaman. Menggunakan jQuery untuk mengendalikan atribut paparan elemen ialah kaedah biasa dan mudah. Dalam artikel ini, kami akan memperkenalkan cara menggunakan jQuery untuk menukar atribut paparan elemen dan menyediakan contoh kod khusus. Pertama, kita perlu mengimport fail perpustakaan jQuery. Lulus kod berikut dalam fail HTML
Bagaimana untuk menukar lokasi simpan rakaman win10
Jul 22, 2023 pm 08:05 PM
Jika selepas merakam video, video yang dirakam tidak dapat ditemui pada kali pertama, kemudian menukar lokasi simpan Bagaimana untuk menukar lokasi simpan rakaman skrin win10? Bagaimana untuk menukar laluan menyimpan video yang dirakam dalam Win10. Jom tonton bersama editor. 1. Masukkan folder video tempatan, klik kanan "Properties". Klik "Tempat". 3. Klik butang Pindah. 4. Pilih mana-mana folder sebagai folder baru yang disimpan. 5. Klik Ya untuk mengubah suai folder yang disimpan.
Bagaimana untuk menukar pemacu c lalai kepada pemacu d dalam win7 Bagaimana untuk menukar pemacu c lalai kepada pemacu d dalam win7 Pengenalan terperinci
Jul 12, 2023 pm 07:09 PM
Pemacu c ialah pemacu C lalai pengguna Selepas mengaktifkan komputer, pengguna akan melihat bahawa pemacu C ialah pemacu C lalai pengguna berada dalam pemacu ini, jadi jika pengguna secara tidak sengaja memadamkannya. untuk menyimpan beberapa fail penting atau memasang beberapa aplikasi dalam pemacu C Oleh itu, bagaimana untuk menukar pemacu C lalai kepada pemacu D dalam Win7 Seterusnya, saya akan memberitahu anda bagaimana untuk menukar pemacu C lalai kepada pemacu D dalam Win7. . Cara menukar pemacu c lalai kepada pemacu d dalam win7 1. Mula-mula buka pemacu d pada komputer saya 2. Buat laluan penyimpanan fail pada pemacu d 3. Gabungan kekunci "win+r" membuka bar operasi dan taip "regedit "Buka editor pendaftaran; 4. Salin laluan komputer di atas"\HKEY_LO
Gambaran keseluruhan ciri baharu CSS3: Cara menggunakan CSS3 untuk menukar reka letak halaman web
Sep 10, 2023 pm 02:39 PM
Gambaran keseluruhan ciri-ciri baharu CSS3: Cara menggunakan CSS3 untuk menukar reka letak halaman web Dalam beberapa tahun kebelakangan ini, dengan perkembangan teknologi Internet, semakin ramai orang telah mula mencipta halaman web mereka sendiri. Sebagai bahagian penting dalam reka bentuk web, reka bentuk reka letak secara langsung mempengaruhi kesan keseluruhan dan pengalaman pengguna halaman web. CSS3, sebagai versi terkini helaian gaya berlatarkan, memperkenalkan banyak ciri baharu yang boleh membantu kami mengubah reka letak halaman web dengan lebih baik. Artikel ini akan memperkenalkan ciri baharu ini satu demi satu, dan menunjukkan melalui kes cara menggunakan CSS3 untuk menukar reka letak halaman web. 1. Model kotak dan kain
