CSSで表の枠線スタイルを設定する方法

今日はCSSでテーブルテーブルボーダースタイルを設定する方法を説明します。テーブルにCSSスタイルのボーダーを設定する場合、次の4つの状況に対処する方法を詳しく説明します。

1. テーブルの境界線のみを設定します

2. テーブルの境界線をテーブルとTDに上手に設定します

4. テーブルの境界線を完璧に設定します

以下と上記との比較 HTML テーブルの境界線スタイルのいくつかの実装をケースとともに説明し、実演します。観察を容易にするために、divcss5 はすべてのケース テーブルを 1 ピクセルの赤い実線に設定します。テーブルの幅は 400 ピクセルであり、上記 4 つのケースでは、外側に div ボックスが追加されます。テーブルのレイヤーであり、CSS 名は「.table-a」、「.table-b」、「.table-c」、「.table-d」です。

テーブルラベルのみに境界線を設定します

テーブルラベルのみに境界線（ボーダー）スタイルを設定します。これにより、テーブルの最も外側のテーブルに境界線が与えられますが、テーブルの内側に境界線スタイルは生成されません。

ケースの詳細は次のとおりです:

1. 対応する CSS コード

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

2. 対応する HTML コード スニペット

<div class="table-a"> 
<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> 
</div>

必要な友達は保存してください。この記事の他の

更新情報

に注目してください。 関連読書:

CSSのmargin属性を設定する方法

DIVの背景色を設定する方法とは

DIV+CSSの使い方

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