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

Bagaimana untuk menulis garis bawah dalam css

醉折花枝作酒筹
醉折花枝作酒筹asal
2021-07-23 14:40:3727918semak imbas

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!

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
Artikel sebelumnya:Apakah maksud br dalam cssArtikel seterusnya:Apakah maksud br dalam css