枠線　2　　　　2013/10/25

小さいドットが3重の枠線です

ブログの幅に自動に合うようになっています。

基本色？10色で作ってみました。

色を変えると、もっといろんな配色ができますね。

ピンク

<table style="border:2px dotted #DD1B9F;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #FF7ED4;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #FFCCF0;" cellpadding="1" width="100%"><tbody><tr><td align="center"> ピンク </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

オレンジ

<table style="border:2px dotted #FF3C00;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #FF8700;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #FFE6A1;" cellpadding="1" width="100%"><tbody><tr><td align="center"> オレンジ </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

薄紫

<table style="border:2px dotted #6F197C;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #D799FF;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #F1D5FF;" cellpadding="1" width="100%"><tbody><tr><td align="center"> 薄紫 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

紫

<table style="border:2px dotted #000077;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #5555FF;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #CCCCFF;" cellpadding="1" width="100%"><tbody><tr><td align="center"> 紫 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

緑

<table style="border:2px dotted #279316;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #60C860;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #CCFFCC;" cellpadding="1" width="100%"><tbody><tr><td align="center"> 緑 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

赤

<table style="border:2px dotted #DD0000;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #FF5555;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #FFCCCC;" cellpadding="1" width="100%"><tbody><tr><td align="center"> 赤 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

ブルー

<table style="border:2px dotted #0089DD;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #99DFFF;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #CCEFFF;" cellpadding="1" width="100%"><tbody><tr><td align="center"> ブルー </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

黄色

<table style="border:2px dotted #FFDD00;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #FFE6A1;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #FFFF99;" cellpadding="1" width="100%"><tbody><tr><td align="center"> 黄色 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

グレー

<table style="border:2px dotted #555555;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #BBBBBB;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #EEEEEE;" cellpadding="1" width="100%"><tbody><tr><td align="center"> グレー </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

茶

<table style="border:2px dotted #81664E;" cellpadding="0" width="100%" bgColor=#ffffff><tbody><tr><td><table style="border: 2px dotted #C6AC90;" cellpadding="0" width="100%"><tbody><tr><td><table style="border: 2px dotted #E1D2B9;" cellpadding="1" width="100%"><tbody><tr><td align="center"> 茶 </td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>