グラデーション
バランスを見るにはプレビューで確認してくださいネ♪
タグはデリケートなので勝手に改行をしないでください。
改行しても良いのはコメントの部分だけです(*´ω｀*)ｂ
*ピンク*
ココから
<CENTER> <TABLE style="border:solid #FFB9D5 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FFCDE1',endColorstr='#FFF5F9')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*オレンジ*
ココから
<CENTER> <TABLE style="border:solid #FF8700 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FFD26B',endColorstr='#FFFAD7')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*ブルー*
ココから
<CENTER> <TABLE style="border:solid #99BAFF 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#D7E4FF',endColorstr='#F5FAFF')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*ブラウン*
ココから
<CENTER> <TABLE style="border:solid #D4BCA3 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#E1D2B9',endColorstr='#F5ECE0')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*パープル*
ココから
<CENTER> <TABLE style="border:solid #D799FF 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#F1D5FF',endColorstr='#FFF3FF')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*イエロー*
ココから
<CENTER> <TABLE style="border:solid #FFFF99 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FFFFCC',endColorstr='#FFFFEE')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*グリーン*
ココから
<CENTER> <TABLE style="border:solid #99E099 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#CCFFCC',endColorstr='#EEFFEE')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*レッド*
ココから
<CENTER> <TABLE style="border:solid #FF9999 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#FFCCCC',endColorstr='#FFEEEE')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;">
コメント
</TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*ワイン*
ココから
<CENTER> <TABLE style="border:solid #833A60 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#A2577B',endColorstr='#FFB9D5')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS; color:#FFFFFF;">
コメント
</font></TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*深海*
ココから
<CENTER> <TABLE style="border:solid #001E5C 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#2C4A8A',endColorstr='#99BAFF')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS; color:#FFFFFF;">
コメント
</font></TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*ブラック*
ココから
<CENTER> <TABLE style="border:solid #111111 1px" cellspacing="0"><TBODY><TR><TD width="530" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#333333',endColorstr='#DDDDDD')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS; color:#FFFFFF;">
コメント
</font></TD></TR></TBODY></TABLE><a href="http://plaza.rakuten.co.jp/princesssora/">design by BLUE@PRINCESS*SORA</a></CENTER>
ココまでコピペ
*応用編*
【のれん】の画像を使って
BOX にスクロールバーを付けました。
文字数が少なければスクロールバーは表示されません。
↓ ここから ↓
<CENTER><TABLE style="border:solid #FFB9D5 1px" cellspacing="0"><TBODY><TR><TD width="450" align="center" style="filter:progid:DXImageTransform.Microsoft.Gradient (gradientType='0',startColorstr='#FFCDE1',endColorstr='#FFF5F9')" height="100%" valign="bottom"><center style="FONT-SIZE: 10px; FONT-FAMILY: Comic Sans MS;"><CENTER><IMG SRC="http://image.space.rakuten.co.jp/lg01/57/0000350657/83/img6653f425zik6zj.gif" width="450" height="50"></CENTER><CENTER><div style="width:445px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFE1ED; scrollbar-highlight-color:#ffe8f3; scrollbar-track-color:#ffccff; scrollbar-shadow-color:#ff99ff; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#FFE1ED; scrollbar-darkshadow-color:#800000;"></CENTER>
ここにコメント
</TD></TR></TBODY></TABLE></CENTER>
↑ ここまで ↑ をコピペ
壁紙は【画像】では ありません 。
グラデーションのタグを入れてみました。
<タグの説明>
<TABLE style=" border:solid #111111 1px" cellspacing="0">
border:solid = 線の種類のことです。
solid ←普通線
dotted ←点線
double ←二重線(サイズは３以上で）
dashed ←破線
お好みで変える事が出来ます。
<TABLE style="border:solid #111111 1px" cellspacing="0">
#111111 = 線の色をカラーコードで指定します。
<TABLE style="border:solid #111111 1px " cellspacing="0">
1px = 線の太さを指定します。
(gradientType='0', startColorstr='#333333 ',endColorstr='#DDDDDD')
startColorstr='#333333' = 始まりの色をカラーコードで指定します。
(gradientType='0',startColorstr='#333333', endColorstr='#DDDDDD ')
endColorstr='#DDDDDD' = 終わりの色をカラーコードで指定します。
お好みで オリジナルのグラデーションを作ってみてください♪
この説明でも 【タグ】の事が よく分からない と言う方は コチラ を参考にしてください。
とても 丁寧に 親切に 分かりやすく 説明がされています。
私も独学で勉強をしていますが 困った時はココを頼っています(〃▽〃)エヘ♪
ジャンル別一覧
人気のクチコミテーマ
-
-
- アイフォン・アイポッドの必需品
- スティーブ・ジョブズの死に際に発し…
- (2025-07-14 03:41:24)
-
-
-
- ブロックチェーン
- 先端技術情報20260808
- (2026-08-09 17:45:12)
-
-
-
- 【楽天市場】☆☆楽天おかいどくお買い…
- 【楽天マラソン！在庫処分価格】令和…
- (2026-08-09 07:20:07)
-
© Rakuten Group, Inc.
