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

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

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

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

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

楽天生活らくらくコピペはタグの事がわからなくても簡単HP作成
HTMLソースをコピーして貼りつけて下さい。
HP作成関連の質問は検索で捜してからお願いします。
Googleで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 気ままな生活
アフィリエイトの始めかた 初めての方 楽天市場案内2 楽天市場案内 プロフィール LINK DIARY BBS

キャラコレ生活 | 麺めん生活
当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてOKですが、
そのまま二次配布、加工しての二次配布はご容赦願います。

Copyright (C) 楽天生活 2003-2004 All Rights Reserved


© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: