Bolehkah CSS Meningkatkan Ruang Antara Teks Bergaris dan Garis Bawahnya?

Meningkatkan Pemisahan Antara Teks dan Garis bawah dalam CSS

Dalam bidang penggayaan CSS, pengguna sering mencari cara untuk meningkatkan persembahan visual teks. Satu pertanyaan sedemikian berkisar tentang kemungkinan meningkatkan jurang antara teks bergaris dan garis bawahnya.

Bolehkah Kita Memanjangkan Jurang Menggunakan CSS?

Sementara CSS membenarkan pelbagai teks gaya hiasan, malangnya, ia tidak menyediakan cara langsung untuk meningkatkan jarak antara teks dannya garis bawah.

Pendekatan Alternatif: Sempadan dan Pelapik

Untuk mencapai kesan yang sama, pertimbangkan untuk menggunakan gabungan gaya sempadan dan pelapik. Gantikan sifat hiasan teks dengan bahagian bawah sempadan: 1px pepejal #000 dan padding-bottom: 3px.

Warna Sempadan Padanan

Jika anda inginkan sempadan (yang kini bertindak sebagai garis bawah) untuk memadankan warna garis bawah asal, hanya tinggalkan pengisytiharan warna dari sempadan. Ini boleh dicapai dengan lebar sempadan-bawah: 1px dan gaya-bawah sempadan: pepejal.

Pengendalian Teks Berbilang Baris

Untuk teks berbilang baris, hanya bungkus teks dalam elemen span di dalam elemen utama. Sebagai contoh, sisipkan teks berbilang baris di sini dalam jangka masa. Selepas itu, gunakan gaya bawah sempadan dan pelapik pada rentang. Berikut ialah demo langsung yang mempamerkan pendekatan ini.

Atas ialah kandungan terperinci Bolehkah CSS Meningkatkan Ruang Antara Teks Bergaris dan Garis Bawahnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!