2004.10.19

CSSでテーブルの枠線色を指定する

■ソース
----------------------------------------------------------------------
<html>
<head>
<title>CSSでテーブルの枠線色を指定する</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<style>
<!--
.table_base { background-color: 006699}
.td { background-color: #FFFFFF}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<table class="table_base" cellspacing="1">
<tr>
<td class="td">CSSでテーブルの枠線色を指定する</td>
</tr>
<tr>
<td class="td"> </td>
</tr>
</table>
</body>
</html>
----------------------------------------------------------------------

■CSSの説明
.table_base { background-color: 006699}
 →テーブルの背景色を枠線色に指定します。
.td { background-color: #FFFFFF}
 →セルの背景色を白(指定したいセルの色)に指定します。

※その際、必ずセル同士の隙間を0以上に指定します。
<table class="table_base" cellspacing="1">

■表示例
cssでテーブル枠線

photo
admin