テーブルタグ[サンプル]

テーブルタグ [サンプル] コピペ用

 

テーブルタグのサンプルを置いておきます。

見本のテーブルと、その下のテキストエリアにHTMLソースがあるので、
コピペして使用してください。

コピペ後のデザインのカスタマイズは自由です。
お好みでアレンジして使用してください。

 

 

 

【影付き枠・細線】

カラフル

ここに文字
ソース
<table cellpadding=”10″ cellspacing=”1″ style=”background: #cc99ff; border-color: #6699cc; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #ff00cc;”>ここに文字</span></td></tr></table><br /><br /><table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ff3333; border-style: ridge; border-width: 3px; width: 450px;”><tbody><tr><td><span style=”color: #cc0000;”>ここに文字</span></td></tr></tbody></table>ソース<br /><textarea cols=”30″ rows=”3″ style=”background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-color: rgb(170, 204, 255); width: 400px;”><table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ff3333; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc0000;”>ここに文字</span></td></tr></table>
ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #3333ff; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #0000cc;”>ここに文字</span></td></tr></table>

 

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ff33; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cc00;”>ここに文字</span></td></tr></table>

 

 


黄色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ffff33; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cccc00;”>ここに文字</span></td></tr></table>

 

 


水色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ffff; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cccc;”>ここに文字</span></td></tr></table>

 

 

 

ピンク

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ff99ff; border-color: #ff33ff; border-style: ridge; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc00cc;”>ここに文字</span></td></tr></table>

 

 

【二重線枠】

カラフル

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #cc99ff; border-color: #6699cc; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #ff00cc;”>ここに文字</span></td></tr></table>

 


ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ff3333; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc0000;”>ここに文字</span></td></tr></table>

 


ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #3333ff; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #0000cc;”>ここに文字</span></td></tr></table>

 

 

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ff33; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cc00;”>ここに文字</span></td></tr></table>

 

 

 

黄色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ffff33; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cccc00;”>ここに文字</span></td></tr></table>

 

水色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ffff; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cccc;”>ここに文字</span></td></tr></table>

 

ピンク

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ff99ff; border-color: #ff33ff; border-style: double; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc00cc;”>ここに文字</span></td></tr></table>

 

【4色枠】

カラフル

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #996633 #336699 #669933 #663399; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: silver;”>ここに文字</span></td></tr></table>

カラフル パステル

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ffcc99 #99ccff #ccff99 #cc99ff; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: silver;”>ここに文字</span></td></tr></table>

 

カラフル シック

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #663300 #006633 #336600 #330066; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: #666666;”>ここに文字</span></td></tr></table>

 

赤系

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffcccc; border-color: #ff3333 #993333 #ff6699 #660033; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: #ff00cc;”>ここに文字</span></td></tr></table>

青系

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ccccff; border-color: #3366ff #000099 #6666ff #003399; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: #0066ff;”>ここに文字</span></td></tr></table>

 

緑系

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ccffcc; border-color: #33ff99 #336633 #009933 #66ff99; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: #33ff33;”>ここに文字</span></td></tr></table>

 

黄色系

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffcc; border-color: #999933 #666600 #cccc33 #999966; border-style: solid; border-width: 3px; width: 450px;”><tr><td><span style=”color: #996600;”>ここに文字</span></td></tr></table>

 

 

【いろいろなドット枠】

カラフル

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #cc99ff; border-color: #6699cc; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #ff00cc;”>ここに文字</span></td></tr></table>

 

 

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ff3333; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc0000;”>ここに文字</span></td></tr></table>

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #3333ff; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #0000cc;”>ここに文字</span></td></tr></table>

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ff33; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cc00;”>ここに文字</span></td></tr></table>

 

 

黄色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ffff33; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cccc00;”>ここに文字</span></td></tr></table>

 

 

水色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ffff; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cccc;”>ここに文字</span></td></tr></table>

 

 

ピンク

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ff99ff; border-color: #ff33ff; border-style: dotted; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc00cc;”>ここに文字</span></td></tr></table>

 

 

 

【いろいろな破線枠】

カラフル

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #cc99ff; border-color: #6699cc; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #ff00cc;”>ここに文字</span></td></tr></table>

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ff3333; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc0000;”>ここに文字</span></td></tr></table>

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #3333ff; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #0000cc;”>ここに文字</span></td></tr></table>

 

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ff33; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cc00;”>ここに文字</span></td></tr></table>

 

黄色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #ffff33; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cccc00;”>ここに文字</span></td></tr></table>

 

水色

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ffffff; border-color: #33ffff; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #00cccc;”>ここに文字</span></td></tr></table>

 

 

ピンク

ここに文字

ソース

<table cellpadding=”10″ cellspacing=”1″ style=”background: #ff99ff; border-color: #ff33ff; border-style: dashed; border-width: 3px; width: 450px;”><tr><td><span style=”color: #cc00cc;”>ここに文字</span></td></tr></table>

 

 

タイトルとURLをコピーしました