css tetapkan sempadan jadual

CSS ialah singkatan dari Cascading Style Sheets, yang boleh digunakan untuk menetapkan gaya dan reka letak halaman web. Dalam penghasilan halaman web, jadual adalah salah satu elemen biasa dan penting Bagaimana untuk menetapkan sempadan jadual dengan CSS adalah perkara yang perlu kita ketahui.

1. Gunakan atribut sempadan

Cara paling biasa untuk menetapkan sempadan jadual ialah menggunakan atribut sempadan CSS.

Berikut ialah kod CSS untuk menetapkan sempadan jadual:

jadual {
sempadan: 1px hitam pepejal;
}

Dalam kod di atas, kita berada dalam elemen jadual Atribut sempadan digunakan padanya. Antaranya, atribut sempadan merangkumi tiga nilai atribut, iaitu lebar sempadan, gaya sempadan, dan warna sempadan. Nilai yang digunakan dalam contoh ini ialah 1px hitam pejal, yang masing-masing mewakili:

lebar sempadan: lebar sempadan, biasanya dinyatakan dalam unit px
gaya sempadan: gaya sempadan, yang boleh Ia adalah pepejal, bertitik, putus-putus, berganda, dsb.;
warna sempadan: Warna jidar, yang boleh menjadi nama warna tertentu, kod warna perenambelasan atau nilai warna RGB.

2. Gunakan atribut gaya warna jidar

Apabila menggunakan atribut sempadan, anda boleh menggunakan nilai atribut bebas untuk menetapkan ketebalan, gaya dan warna jidar, seperti yang ditunjukkan di bawah:

jadual {
lebar sempadan: 1px;
gaya sempadan: pepejal;
warna sempadan: hitam;
}

Kesan kod ini dan kod sebelumnya adalah Perkara yang sama, kecuali di sini kami menentukan setiap atribut gaya sempadan secara berasingan.

3. Tetapkan gaya sempadan yang berbeza

Jika kita mahu gaya sempadan jadual yang berbeza, kita boleh menetapkannya seperti ini:

jadual {
sempadan -lebar: 1px ;
gaya sempadan: pepejal;
warna sempadan: hitam;
gaya atas sempadan: putus-putus;
gaya sempadan bawah: bertitik;
}

Dengan menggunakan gaya atas sempadan dan gaya bawah sempadan, kita boleh menggayakan sempadan atas dan bawah meja secara bebas. Kod di atas menetapkan sempadan atas jadual kepada putus-putus dan sempadan bawah kepada bertitik.

4. Tetapkan hanya sempadan pengepala jadual

Kadangkala, kita hanya mahu menetapkan sempadan bahagian pengepala jadual, bukan sempadan keseluruhan jadual. Kita boleh memilih bahagian pengepala dengan menggunakan elemen thead, th, tr, dan kemudian tetapkan sempadan mengikut keperluan.

Berikut ialah kod CSS untuk menetapkan sempadan pengepala:

tepi ke {
sempadan: 1px hitam pepejal;
}

Dalam kod di atas , Kami baru sahaja memilih elemen ke dalam elemen iklan dan menetapkan sempadannya kepada garis pepejal 1px. Jika anda hanya mahu menetapkan sempadan sel tertentu dalam pengepala jadual, cuma gantikan thead th dengan kelas atau ID sel, dan kemudian tetapkannya.

Ringkasan

Di atas ialah cara biasa untuk menetapkan jidar jadual. Kita boleh memilih atribut gaya yang berbeza untuk merealisasikan reka bentuk sempadan meja mengikut keperluan kita. Apabila menggunakan gaya sempadan, kita boleh menetapkan gaya yang berbeza mengikut keperluan kita Contohnya, jika kita mahu gaya sempadan tajuk jadual dan baris data berbeza, kita boleh menetapkan gayanya secara berasingan. Jika anda ingin mengetahui lebih lanjut tentang kemahiran jadual CSS, anda boleh menyemak tutorial dan kes profesional untuk mengetahui lebih banyak kemahiran dan kaedah praktikal.

Atas ialah kandungan terperinci css tetapkan sempadan jadual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!