Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar sempadan berulang jadual dalam css

Bagaimana untuk mengalih keluar sempadan berulang jadual dalam css

青灯夜游
青灯夜游asal
2021-09-29 18:05:467049semak imbas

Dalam CSS, anda boleh menggunakan atribut runtuhan sempadan untuk mengalih keluar sempadan berulang dalam jadual Atribut ini boleh menetapkan sama ada jidar jadual diruntuhkan ke dalam satu jidar atau dipisahkan runtuh untuk membuang pertindihan Sempadan digabungkan bersama untuk membentuk sempadan, mencapai kesan sempadan satu baris.

Bagaimana untuk mengalih keluar sempadan berulang jadual dalam css

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

Masalah pertindihan selepas menetapkan sempadan dalam jadual jadual

table{
 border-spacing: 0;
 border-collapse: collapse;
}
table td {          
 border: 1px solid #000;
 padding: 20px 30px;
}

Dalam jadual jadual, apabila kita menambah sempadan dan mengalih keluar jidar setiap sel , borang akan mempunyai masalah pertindihan sempadan, menjadikan garis sempadan lebih tebal Pada masa ini, kita boleh menetapkan border-collapse: collapse untuk menetapkan sempadan.

Perenderan:

Penerangan:

Atribut runtuhan sempadan menetapkan sama ada jidar jadual adalah digabungkan menjadi Sempadan tunggal, atau paparan berasingan seperti dalam HTML standard.

Nilai atribut:

  • nilai lalai yang berasingan. Sempadan akan dipisahkan. Sifat jarak sempadan dan sel kosong tidak diabaikan.

  • runtuh Jika boleh, sempadan akan digabungkan menjadi satu sempadan. Sifat jarak sempadan dan sel kosong diabaikan.

Pengenalan berkaitan:

sempadan ialah singkatan bagi atribut sempadan.

Sifat sempadan CSS digunakan untuk menentukan gaya, lebar dan warna sempadan elemen.

Sifat yang boleh ditetapkan adalah (mengikut urutan): lebar sempadan, gaya sempadan dan warna sempadan.

Anda juga boleh menetapkan hanya satu nilai Sebagai contoh, sempadan: #FF0000 adalah betul, dan nilai lain akan ditetapkan kepada nilai awal atribut yang sepadan.

Format sintaks

Anda boleh menggunakan satu, dua atau tiga nilai yang disenaraikan di bawah untuk menentukan atribut sempadan tidak penting:

/* 边框样式 */
border: solid;
/* 边框宽度 | 边框样式 */
border: 2px dotted;
/* 边框样式 | 边框颜色 */
border: outset #f33;
/* 边框宽度 | 边框样式 | 边框颜色 */
border: medium dashed green;
/* 全局值 */
border: inherit;
border: initial;
border: unset;

Nota: Jika gaya sempadan tidak ditentukan, ia tidak akan kelihatan. Ini kerana gaya lalai kepada tiada.

Cadangan berkaitan: "tutorial video css"

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar sempadan berulang jadual 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