Bagaimana untuk menetapkan fon untuk berubah apabila tetikus dialihkan dalam css3

WBOY
Lepaskan: 2022-04-28 15:31:14
asal
2753 orang telah melayarinya

Dalam css3, anda boleh menggunakan pemilih ":hover" dan atribut "font-style" untuk menetapkan perubahan fon apabila tetikus berguling ke atasnya ":hover" boleh menetapkan gaya elemen apabila tetikus bergolek di atasnya. "gaya fon" Atribut boleh menetapkan gaya fon, sintaksnya ialah "p:hover{font-style:font style}".

Bagaimana untuk menetapkan fon untuk berubah apabila tetikus dialihkan dalam css3

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

Bagaimana untuk menetapkan fon dalam css3 untuk berubah apabila tetikus digerakkan di atasnya?


: Gaya istimewa ditambah dengan tuding apabila tetikus bergerak ke atas pautan.

Petua: Pemilih :hover boleh digunakan pada semua elemen, bukan hanya pautan.

Atribut gaya fon menentukan gaya fon teks.

Nilai yang mungkin untuk sifat ini adalah seperti berikut:

    nilai Lalai biasa. Pelayar memaparkan gaya fon standard.
  • italic Penyemak imbas akan memaparkan gaya fon condong.
  • serong Penyemak imbas akan memaparkan gaya fon serong.
  • warisan menyatakan bahawa gaya fon harus diwarisi daripada elemen induk.
  • Contohnya adalah seperti berikut:

Hasil output:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
p:hover
{
font-style:oblique;
}
</style>
</head>
<body>
<p>划过改变字体</p>
<p><b>注意:</b> 当鼠标移动到连接上 :hover 选择器样式链接到该超链接。</p>
</body>
</html>
Salin selepas log masuk

 3.gif (Perkongsian video pembelajaran:

tutorial video css

)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan fon untuk berubah apabila tetikus dialihkan dalam css3. 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