枠線（罫線）に色を付ける（破線）

サンプル１


サンプル２

サンプル１と２では作成の仕方が違います。
好みの問題でしょうか。

サンプル１
<TABLE borderColor="#ff9900" cellspacing="0" cellpadding="0" width="190" border="1">
<TBODY>
<TR>
<TD>サンプル１</TD>
</TR>
</TBODY>
</TABLE>
「#ff9900」は枠につけたい色をつけて下さい。
ちなみに「cellspacing="0"」の0を変えると２重になります。
下は5にしてみました。
サンプル１
１６進数の色のサンプルはこちら
それと、もう一つ
「<TABLE style="border:2px solid #ff9900;">」
を使っても下のようになります。
STYLE="border:2px solid #ff9900"
これで指定してやって「border:2px」の2を変えれば太くなります。
サンプル２
<TABLE bgcolor="#ff9900" border="0" width="199">
<TBODY>
<TR>
<TD>
<TABLE cellspacing="0" cellpadding="10" bgcolor="#eeffff" border="0">
<TBODY>
<TR>
<TD height="3" width="177">サンプル２</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
サンプル２

↑のようにすると分かるでしょうか？ただテーブルを二つ使っているだけです。
「cellpadding="10"」の10を変えると太さが変わります。調整してみてください。
「#ff9900」は枠の色を
「#eeffff」は背景色と同じにすれば分かりません。
１６進数の色のサンプルはこちら

コピーペーストしてこちらですぐにテストできます。

おまけとして破線なら

<TABLE STYLE="border:2px dashed #ff3399;">
<TR>
<TD>破線になります。</TD>
</TR>
</TABLE>



サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。