HTMLで罫線の色を指定

基本的には罫線の色はCSSで指定するのが推奨されていますが、HTMLのみでできる範囲で考えてみます。

横罫線の色

横罫線の色はhr colorタグで変更できます。

<hr color=”#00ff00″>

私の環境ではデザインビューの時だけ表示色がグレーになりました。ライブビューとブラウザでは緑に表示されました。

縦罫線の色

ダミーのテーブルや画像を使えばHTMLのみで指定できます。
ちょっと面倒ですね。

テーブルの枠の色

①まずテーブルの背景色(table bgcolorタグ)を指定します。
②セルに色を指定(td bgcolorタグ)します。
③テーブルのborderの値を0にします。

<table width=”600″ border=”0″ cellspacing=”10″ cellpadding=”10″ bgcolor=”#33FF66″>
<tr>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
</tr>
<tr>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
<td bgcolor=”#FFFFFF”>テスト</td>
</tr>
</table>

枠に色のついたテーブルが作れます。

広告

関連コンテンツ