Bagaimanakah Saya Boleh Meningkatkan Ruang Antara Teks dan Garis Bawah dalam 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!