テーブル内の枠の種類

テーブルの枠の種類を変更します。

<table style="border:○○○;border-color:□□□;">

○○○は枠の種類、□□□は枠の色を設定します。

◆枠の種類
dotted (点線)
groove (くぼみ枠)
ridge (浮き上がり枠)
dashed (破線)
double (二重線)
inset (IN枠)
outset (OUT枠)
solid (実線)

[サンプル1]
<table style="border:dotted;border-color:Red" width="140">
<tr>
<td><div align="center">[サンプル1]</div></td>
</tr>
</table>

[サンプル2]
<table style="border:3px dotted Pink;" width="140">
<tr>
<td><div align="center">[サンプル2]</div></td>
</tr>
</table>

以下のように表示されるはずです↓
[サンプル1]

[サンプル2]

 

HTML講座のTOPへ戻る