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

多くの友人がテーブルのスタイルを設定する方法に悩んでいます。テーブルに枠線を設定したことは前に述べました。今回はCSSを使ってtdに枠線を設定する方法を紹介します。今後もテーブルのヒントや設定について更新していきますので、ご注目ください。

テーブル td の境界線スタイルを設定します。テーブル

オブジェクト 内の td は境界線スタイルを実装しますが、中央の td では二重境界線が表示されます。

詳細なケースのチュートリアルは次のとおりです:

1. 対応する CSS コード

<style> 
.table-b table td{border:1px solid #F00} 
/* css注释：只对table td标签设置红色边框样式 */ 
</style>

2. 対応する HTML ソース コード

<div class="table-b"> 
<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.php.cn</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>PHP</td> 
</tr> 
</table>

これは、CSS を使用して td に境界線を設定する方法です。

関連書籍:

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

DIV と CSS を使用してドロップダウン メニューを作成する

CSSレイアウト

以上がCSSを使用してtdに境界線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。