0

2列目に境界線のない3列2行のテーブルを作成する必要があります

たとえば、私のコードは以下のとおりです...

 <table border="1" cellpadding="1" cellspacing="1" height="125" width="1037">
 <tbody>        
 <tr>
 <td style="width: 254px">Main Title</td>
 <td style="width: 639px">&nbsp;</td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td style="width: 254px">Lots of Contents Column I</td>
 <td style="width: 639px">Lots of Contents Column II</td>
 <td>Lots of Contents Column III</td>
 </tr>
 </tbody>
 </table>

以下のコードを使用すると、2行目に境界線が表示されます..

2行目の境界線は必要ありません..マージを使用できません..その構造が必要だからです。

私が必要とする唯一のことは、境界線が 2 行目に表示されないようにすることです。

しかし、構造は同じままである必要があります。

HTMLを使用してそれを行うにはどうすればよいですか?

4

1 に答える 1

1

border = 1（非推奨）の代わりに'table data'タグに適用されたスタイルを使用すると、ここで問題が解決する場合があります。これらのスタイルのアプリケーションをどのように整理するかは、テーブルに追加する追加情報の量などによって異なります。目標を達成する簡単な例を次に示します。

htmlの場合、各trにクラスを追加しました（cellpadding / cellspacingも非推奨になっていることに注意してください）。

<table cellpadding="1" cellspacing="1" height="125" width="1037">
<tbody>       
<tr class='border-row'>
<td style="width: 254px">Main Title</td>
<td style="width: 639px">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr class = 'no-border-row'>
<td style="width: 254px">Lots of Contents Column I</td>
<td style="width: 639px">Lots of Contents Column II</td>
<td>Lots of Contents Column III</td>
</tr>
</tbody>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

そしてcss：

​.border-row td {
    border-style:solid;  
    border-width:1px;
}

.no-border-row td {
    border-style:none; 
}

2番目の行に境界線がないことを実際に指定する必要はありませんが、将来、いくつかの異なるスタイルを適用したいと思うかもしれません。

于 2012-12-05T12:01:53.483 に答える