■　画像を使わないテーブル枠　■
  • ソースａ　は<head>　〜　</head>　の好きな場所に記述する。
  • ソースｂ　は<body>　〜　</body>　の表示したい場所に記述する。
■　サンプル　■

border-width:4
border-style:dashed

border-width:6
border-style:dashed

border-width:6
border-style:dotted

border-width:10
border-style:dotted
■　ソースａ　■
<STYLE TYPE="text/css">
<!--
table.waku1{
　　　　　border-width:4;
　　　　　border-color:ffffff;
　　　　　border-style:dashed;
　　　　　background-color:ffffff;
　　　　　filter:progid:DXImageTransform.Microsoft.Glow(color=#ff9dd4,strength=3);
　　　　　}
-->
</STYLE>
■　ソースｂ　■
<TABLE cellpadding="2" cellspacing="2" class="waku1">
　<TR>
　　<TD>
　　　　：
　　コメント等を記載
　　　　：
　　</TD>
　</TR>
</TABLE>
■　注　　意　■
　DirectX によるフィルタ効果を利用する為、ＩＥ専用です。

　ソースａの border-width:4 や strength=3 の数字を色々変えて枠の変化を確認してみて下さい。
　ソースａの table.waku1 の waku1 と、ソースｂの class="waku1" の waku1 を揃える（同じにする）

　cellspacing、cellpadding についてはこちらを参照して下さい。