Rumah > Tutorial CMS > WordTekan > teks badan

Cara membuat wordpress bertukar warna apabila anda menggerakkan tetikus ke atas teks

下次还敢
Lepaskan: 2024-04-15 17:27:15
asal
432 orang telah melayarinya

Anda boleh membuat perubahan warna teks pada tuding dalam WordPress dengan menambahkan CSS tersuai: Log masuk ke papan pemuka anda dan navigasi ke Penampilan > Tambahkan kod CSS berikut: a:hover {color: #ff0000;}. Tukar #ff0000 kepada kod warna hex yang dikehendaki (cth. #0000ff untuk biru). Simpan perubahan dan kosongkan cache (jika didayakan) agar perubahan itu berkuat kuasa.

Cara membuat wordpress bertukar warna apabila anda menggerakkan tetikus ke atas teks

Cara Mengubah Warna Teks pada Hover dalam WordPress

WordPress membolehkan anda membuat perubahan warna teks dengan mudah pada tuding melalui CSS. Berikut ialah langkah demi langkah:

Langkah 1: Tambahkan CSS Tersuai

  • Log masuk ke papan pemuka WordPress anda.
  • Navigasi ke Penampilan >Sesuaikan.
  • Dalam bar sisi, klik "Lampirkan CSS".

Langkah 2: Tulis kod CSS

  • Dalam kotak teks yang disediakan, tambahkan kod CSS berikut:
<code class="css">a:hover {
  color: #ff0000; /* 将悬停文本颜色更改为红色 */
}</code>
Salin selepas log masuk

Langkah 3: Tukar warna tuding (pilihan)

anda perlukan Warna hover boleh ditukar. Hanya gantikan #ff0000 (merah) dengan kod warna hex yang anda inginkan. Contohnya, untuk teks biru, gunakan #0000ff.
Prinsip operasi:

CSS di atas menggunakan atribut

untuk menukar warna teks pada tuding.

:hover 伪类,它在鼠标悬停在元素(在本例中为文本链接)上时应用样式。color

NOTA:

Pastikan anda menambah CSS pada bahagian CSS Tersuai pada tema aktif anda.
  • Kod ini akan menjejaskan semua pautan teks. Jika anda hanya mahu menggunakan perubahan warna pada teks tertentu, gunakan pemilih CSS yang sesuai.
  • Kosongkan cache (jika didayakan) untuk perubahan berkuat kuasa.

Atas ialah kandungan terperinci Cara membuat wordpress bertukar warna apabila anda menggerakkan tetikus ke atas teks. 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