Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menulis garis bawah dalam css

Bagaimana untuk menulis garis bawah dalam css

醉折花枝作酒筹
Lepaskan: 2023-01-07 11:45:28
asal
27959 orang telah melayarinya

Kaedah penulisan garis bawah CSS ialah: 1. Ditetapkan oleh hiasan-teks, sintaks "text-decoration:underline" 2. Setkan mengikut sempadan-bawah dan padding.

Bagaimana untuk menulis garis bawah dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Secara amnya terdapat dua kaedah:

1 Tetapkan garis bawah teks melalui kod garis bawah CSS: text-decoration:underline.

Contoh demonstrasi adalah seperti berikut:

1 Kod contoh adalah seperti berikut:

Bagaimana untuk menulis garis bawah dalam css

Pada masa ini, kesan halaman adalah seperti berikut, dengan garis bawah muncul.

Bagaimana untuk menulis garis bawah dalam css

2. Capai kesan dengan menetapkan sempadan div:

Contoh demonstrasi adalah seperti berikut:

Tambah sempadan- bawah: 1px hitam pejal, padding-bawah: 10px dua gaya utama, seperti berikut:

Bagaimana untuk menulis garis bawah dalam css

Kesan halaman pada masa ini adalah seperti berikut:

Bagaimana untuk menulis garis bawah dalam css

Pembelajaran yang disyorkan :tutorial video css

Atas ialah kandungan terperinci Bagaimana untuk menulis garis bawah dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
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