すでにcssにルールがある場合に、HTMLテーブルに境界線を追加するための最良の方法は何ですか
*{border:0;}
style = "border:1px;"を追加すると テーブルに入れると、セルごとではなく、テーブル全体を囲む境界線が表示されます。これは、使用するときに必要なものです。
<table border="1" cellspacing="0" cellpadding="0">
すでにcssにルールがある場合に、HTMLテーブルに境界線を追加するための最良の方法は何ですか
*{border:0;}
style = "border:1px;"を追加すると テーブルに入れると、セルごとではなく、テーブル全体を囲む境界線が表示されます。これは、使用するときに必要なものです。
<table border="1" cellspacing="0" cellpadding="0">
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid black;
}
そのHTMLは無効であるため、使用しないでください。次のCSSを使用します。
table {
border: 1px;
border-collapse: collapse;
}
table td, table th {
border: 1px;
padding: 0px;
}
border-collapse
oncollapse
は、セルの境界を単一にします。これは、HTMLのセルスペースに相当します。table
とだけでなく、にも境界線を設定しtd
てくださいth
。
また、セルに境界線を設定する必要があります。おそらく、このテーブルのCSSクラスを設定する必要があります。
table.bordered
{
border-collapse:collapse;
}
table.bordered > td
{
border: 1px solid black;
}
次に、<table class="bordered">
編集:他の回答は、すべてのテーブルにこれが必要であることを前提としています。その結論に飛びつく理由は見当たらない。