html menetapkan sempadan jadual

Elemen jadual dalam HTML ialah teg yang digunakan untuk membuat jadual. Ia boleh memaparkan data kepada pengguna dalam format jadual. Dalam jadual, data dalam setiap sel boleh disusun, dikumpulkan dan diisih, jadi jadual mempunyai kebolehbacaan dan kebolehkendalian yang lebih baik apabila memaparkan data.

Antaranya, penampilan jadual biasanya bergantung pada cara sempadan jadual ditetapkan. Apabila sempadan tidak ditetapkan, sempadan jadual tidak kelihatan secara lalai Apabila sempadan ditetapkan, garis sempadan akan ditambah antara sel, yang boleh mentakrifkan struktur jadual dengan lebih baik dan menyerlahkan kandungan jadual. Seterusnya kami akan memperkenalkan cara untuk menetapkan sempadan jadual dalam HTML.

Beberapa atribut sempadan jadual HTML

Apabila menggunakan HTML untuk mencipta jadual, anda boleh menetapkan atribut sempadan jadual melalui gaya CSS. Terdapat dua sifat untuk menetapkan sempadan jadual dalam CSS:

1. Gunakan atribut sempadan untuk menetapkan lebar, warna dan gaya sempadan jadual.
2. Gunakan atribut runtuhan sempadan untuk menetapkan kaedah lipatan sempadan jadual.

Seterusnya kami akan menerangkan kedua-dua atribut ini secara terperinci.

1. Atribut sempadan

Dalam HTML, anda boleh menggunakan atribut sempadan CSS untuk menetapkan sempadan jadual. Atribut sempadan mempunyai tiga parameter: lebar sempadan, gaya sempadan dan warna sempadan, yang digunakan untuk menetapkan lebar, gaya dan warna sempadan masing-masing.

Operasi khusus adalah seperti berikut:

<table style="border:1px solid black;">
  <tr>
    <td>第一列第一个单元格</td>
    <td>第一列第二个单元格</td>
  </tr>
  <tr>
    <td>第二列第一个单元格</td>
    <td>第二列第二个单元格</td>
  </tr>
</table>

Antaranya, sempadan: 1px hitam pepejal ialah atribut komposit, menunjukkan bahawa lebar sempadan ialah 1px, gaya adalah garis pepejal dan warnanya hitam.

nilai gaya sempadan adalah seperti berikut:

• tiada: tiada jidar;
• bertitik:
• berputus-putus jidar;
• pepejal: jidar pepejal;
• berdua: jidar berganda; >
masukan: sempadan sisipan 3D;
• permulaan: sempadan permulaan 3D.
• Nilai warna sempadan boleh menjadi warna, nama warna atau nilai rgb warna.
• 2. Atribut runtuhan sempadan

Atribut runtuhan sempadan digunakan untuk menetapkan kaedah lipatan sempadan jadual. Kaedah lipatan boleh runtuh atau berasingan, yang bermaksud lipatan dan pemisahan masing-masing. Semasa keruntuhan, sempadan antara sel bersebelahan akan digabungkan menjadi satu untuk mengurangkan bilangan garis sempadan dan meningkatkan keindahan jadual.

Operasi khusus adalah seperti berikut:

<table style="border-collapse:collapse;">
  <tr>
    <td>第一列第一个单元格</td>
    <td>第一列第二个单元格</td>
  </tr>
  <tr>
    <td>第二列第一个单元格</td>
    <td>第二列第二个单元格</td>
  </tr>
</table>

Dalam border-collapse:collapse, collapse bermaksud melipat garisan sempadan sel bersebelahan berkongsi garis sempadan, mengurangkan bilangan garisan sempadan.

Kesimpulan

Dalam pembangunan jadual, jadual dengan garis sempadan akan menjadi lebih cantik dan intuitif. Artikel ini memperincikan dua atribut untuk menetapkan sempadan jadual dalam HTML, sempadan dan keruntuhan sempadan. sempadan digunakan untuk menetapkan gaya, lebar dan warna sempadan, dan keruntuhan sempadan digunakan untuk menetapkan kaedah lipatan sempadan, yang boleh mengoptimumkan keindahan meja.

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