Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menambah Sempadan Bawah pada Setiap Baris Jadual HTML?

Bagaimanakah Saya Boleh Menambah Sempadan Bawah pada Setiap Baris Jadual HTML?

Mary-Kate Olsen
Lepaskan: 2024-12-17 16:58:17
asal
425 orang telah melayarinya

How Can I Add a Bottom Border to Each Row of an HTML Table?

Menambah Sempadan pada Baris Jadual

Apabila bekerja dengan jadual HTML, anda mungkin menghadapi keperluan untuk menambah jidar pada bahagian bawah setiap baris. Walau bagaimanapun, percubaan untuk berbuat demikian menggunakan gaya sebaris atau peraturan CSS langsung boleh terbukti tidak berkesan.

Untuk mencapai kesan yang diingini ini, adalah penting untuk memasukkan atribut runtuh sempadan: runtuh ke dalam CSS anda. Atribut ini meruntuhkan sempadan kongsi antara sel bersebelahan, menghasilkan reka letak jadual yang lebih bersih dan berstruktur. Dengan menggunakan atribut ini pada peraturan jadual, peraturan CSS untuk sempadan bawah akan berkuat kuasa seperti yang dimaksudkan.

Contoh:

table {
  border-collapse: collapse;
}

tr {
  border-bottom: 1pt solid black;
}
Salin selepas log masuk

Ini akan memastikan setiap baris dalam jadual mempunyai jidar pepejal hitam di bahagian bawah, meningkatkan daya tarikan visual dan penyusunan data jadual anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Sempadan Bawah pada Setiap Baris Jadual HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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