Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Meningkatkan Ruang Antara Teks dan Garis Bawah dalam CSS?

Bagaimanakah Saya Boleh Meningkatkan Ruang Antara Teks dan Garis Bawah dalam CSS?

Barbara Streisand
Lepaskan: 2024-11-25 02:03:09
asal
459 orang telah melayarinya

How Can I Increase the Space Between Text and an Underline in CSS?

Meningkatkan Ruang antara Teks dan Garis bawah dalam CSS

Dalam bidang penggayaan web, CSS membolehkan kami menghiasi teks dengan garis bawah menggunakan sifat 'text-decoration:underline'. Walau bagaimanapun, jika anda ingin menambah jurang antara teks bergaris dan teks sebenar, pengubahsuaian CSS langsung mungkin tidak mencukupi.

Penyelesaian:

Untuk mencapai jarak yang diingini , pertimbangkan untuk menggantikan garis bawah dengan bahagian bawah sempadan disertai dengan bahagian bawah padding. Teknik ini memberikan kawalan yang tepat ke atas jarak dan membolehkan anda memanipulasi warna "garis bawah".

Pelaksanaan:

  1. Untuk satu- teks baris: Gunakan 'border-bottom: 1px solid #000' dan 'padding-bottom: 3px';
  2. Untuk "garis bawah" berbilang warna: Abaikan pengisytiharan warna dalam 'border-bottom' (cth., 'border-bottom-width: 1px; border-bottom-style: solid ;');
  3. Untuk teks berbilang baris: Balut teks berbilang baris dalam elemen 'span' dalam elemen induk. Kemudian, gunakan 'border-bottom' dan 'padding-bottom' pada 'span'.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meningkatkan Ruang Antara Teks dan Garis Bawah dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan