tableとtdの表枠を上手に設定する方法

多くの友達がテーブルのスタイルをどう設定するかを心配しています。テーブルに境界線を設定し、TD に境界線を設定することについては前に説明しました。今回はテーブルとTDのテーブル境界線の設定方法についてのヒントをお届けします。今後もテーブルのヒントや設定について更新していきますので、引き続きご注目ください。

tdとtdが隣接する場合に1つの枠線スタイルのみが表示されるように、tdの左枠と上枠を設定します。このとき、表の右と下には枠がありません。表の右側と下側の境界線が表示される問題を解決するために、下側の境界線が表示されずに残ります。

1. 対応する CSS コード:

<style> 
.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} 
.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} 
/* 
只对table td设置左与上边框，对table设置右与下边框； 
*/ 
</style>

2. 対応する HTML ソース コードの断片:

<div class="table-c"> 
<table width="400" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="105">站名</td> 
<td width="181">网址</td> 
<td width="112">说明</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.divcss5.com</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>PHP</td> 
</tr>

これは、table と td にテーブルの境界線を上手に設定する方法です。

関連書籍:

CSSを使用してtdに境界線を設定する方法

CSSを使用してテーブルラベルのみに境界線を設定する方法

DIVとCSSを使用してドロップ-ダウンメニュー

以上がtableとtdの表枠を上手に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。