Rumah  >  Artikel  >  Tutorial CMS  >  Cara membuat wordpress bertukar warna apabila anda menggerakkan tetikus ke atas teks

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

下次还敢
下次还敢asal
2024-04-15 17:27:15394semak imbas

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>

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!

Kenyataan:
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