大人の楽天生活スローライフを楽しむ情報Blog楽天生活です

styleタグでテーブルの外枠を装飾

INDEX

FILTER

FONT

TEBLE

MARQUEE

日記

消す

無料

style

その他

TABLEテーブルタグを外枠で装飾

styleタグを使ってテーブルの外枠を
solid（実線）double（二重線）dotted（点線）dashed（破線）groove（くぼみ） ridge（盛り上がり）などで飾ります。

楽天生活らくらくコピペはタグの事がわからなくても簡単HP作成
HTMLソースをコピーして貼りつけて下さい。
HP作成関連の質問は検索で捜してからお願いします。

solid（実線）を付けたTABLE（テーブル）のテンプレートです

☆お知らせ☆
〇月×日楽天テーブルテンプレート
〇月×日楽天テーブルテンプレート
〇月×日楽天テーブルテンプレート

テーブル枠の色違い、太さ違いの
テンプレ＆ソースは
こちら

<TABLE width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #2fa399; border: 1 px solid#2fa399; background-color: #aefff8">
<tr>
<td>
<center>☆お知らせ☆</center><br>
〇月×日楽天テーブルテンプレート<br>
〇月×日楽天テーブルテンプレート<br>
〇月×日楽天テーブルテンプレート<br>
</td>
</tr>
</TABLE>

double（二重線）を付けたTABLE（テーブル）のテンプレートです

☆お知らせ☆
〇月×日楽天テーブルテンプレート
〇月×日楽天テーブルテンプレート
〇月×日楽天テーブルテンプレート

テーブル枠色違い、太さ違いの
テンプレ＆ソースは
こちら

<table width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #ff72b4; border: 3 px double #ff72b4; background-color: #fff2fa">
<tr>
<td>

<center>☆お知らせ☆</center><br>
〇月×日楽天テーブルテンプレート<br>
〇月×日楽天テーブルテンプレート<br>
〇月×日楽天テーブルテンプレート<br>

</td>
</tr>
</table>

dashed（破線）を付けたTABLE（テーブル）の見本です

☆お知らせ☆
〇月×日楽天テーブルテンプレート
〇月×日楽天テーブルテンプレート
〇月×日楽天テーブルテンプレート

テーブル枠色違い、太さ違いの
テンプレ＆ソースは
こちら

<table width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #ba7848; border: 1 px dashed #ba7848; background-color: #ffffae">
<tr>
<td>
<center>☆お知らせ☆</center><br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
</td>
</tr>
</table>

dotted（点線）を付けたTABLE（テーブル）のテンプレートです

☆お知らせ☆
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい

色違い、太さ違いの
テンプレ＆ソースは
こちら

<TABLE width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #8148ba; border: 1 px dotted #8148ba; background-color: #d6aeff">
<tr>
<td>
<center>☆お知らせ☆</center><br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
</td>
</tr>
</TABLE>

groove（くぼみ）を付けたTABLE（テーブル）のテンプレートです

☆お知らせ☆
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい

色違い、太さ違いの
テンプレ＆ソースは
こちら

<TABLE width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #ff8080; border: 2 px groove #ff8080; background-color: #fff2fa">
<tr>
<td>
<center>☆お知らせ☆</center><br>
〇月×日　楽天生活テーブルテンプレート<br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
</td>
</tr>
</TABLE>

ridge（盛り上がり）を付けたTABLE（テーブル）のテンプレートです

☆お知らせ☆
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい
〇月×日　楽天生活はおもしろい

テーブル枠色違い、太さ違いの
テンプレ＆ソースは
こちら

<TABLE width="200" height="100" style="FONT-SIZE: 9px; FONT-FAMILY: comic sans MS; color: #d4d4d4; border: 2 px ridge #d4d4d4; background-color: #6666ff">
<tr>
<td>
<center>☆お知らせ☆</center><br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
〇月×日　楽天生活はおもしろい<br>
</td>
</tr>
</TABLE>

楽天生活 │ らくらくショッピングガイド │ らくらくコピペ │ 楽天サーフィン │ みゅうちゃん │ You Big │ 気ままな生活 │
アフィリエイトの始めかた │ 初めての方 │ 楽天市場案内２ │ 楽天市場案内 │ プロフィール │ LINK │ DIARY │ BBS
キャラコレ生活 | 麺めん生活
当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてＯＫですが、
そのまま二次配布、加工しての二次配布はご容赦願います。