Happy Life

イベント

(17)

tickle tickle テン… うなままさん
◆ﾃﾝﾌﾟﾚｰﾄ配布◆YUMEみ… yumeyumekoさん
豊ノ島のブログ 豊ノ島さん
毛玉牧場 まぐろのももにくさん
楽天広場HTML講座 Lemon♪さん

Comments

blue_a_pirate @ 初めまして楽天ブログでテンプレートが使えるのを最…

きっこ@ お願い致します私も六枚を縫い合わせるところがわかりま…

yumepop @ Re:マフラー(10/29) こんにちは(*´∇｀*)♪ 久しぶりにテンプレ…

Hod @ 凛さんへテンプレートを使わせて頂きました。とて…

うさぎ@ Re:お花のヘアゴム♪作り方(05/21) かわいいです!!まだ見てもらえるかな。作…

Keyword Search

▼キーワード検索

styleシート、について

(4)

テーマ：アフィリエイト(539)

カテゴリ：テンプレ作り方

只今ランキング 8位です

今日は、 style について、お話します。

周りを変えるという日記で、
style に、ついてお話しました。

は、 td にも table にも、つける事が出来ます。

では、やってみます。
まずは、周りの枠を消した状態から説明します。


５０４円
ボトルラック


９０１円
ガベージ缶

では、周りのテーブル枠にstyleを使います。


５０４円
ボトルラック


９０１円
ガベージ缶

<table border="0" style="border:13px dotted #4a2900;" ><tr><td>
<table border="0"><tr><td width="90" height="90"><a href="http://hb.afl.rakuten.co.jp/hgc/04d5f873.71960d63.04d5f874.83a33681/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fcozymom%2ffog0005%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fcozymom%2fi%2f10000141%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fitem-p%2fimg1057943194.jpg%3f_ex%3d80x80&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fitem-p%2fimg1057943194.jpg%3f_ex%3d64x64" border="0"></a>
</td></tr><tr><td width="90" height="15" >５０４円</td></tr><tr><td width="90">ボトルラック</td></tr></table>
</td><td>
<table border="0"><tr><td width="90" height="90"><a href="http://hb.afl.rakuten.co.jp/hgc/04d5f873.71960d63.04d5f874.83a33681/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fcozymom%2fdlt080917605%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fcozymom%2fi%2f10005333%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fdulton%2fimg55627987.jpg%3f_ex%3d80x80&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fdulton%2fimg55627987.jpg%3f_ex%3d64x64" border="0"></a>
</td></tr><tr><td width="90" height="15" >９０１円</td></tr><tr><td width="90">ガベージ缶</td></tr></table>
</td></tr></table>

更に、中の枠もやります。
中の方は、色を変えましょう。

この場合、tableに色を付ける場合と、tdに付ける場合をやってみます。


５０４円
ボトルラック


９０１円
ガベージ缶

<table border="0" style="border:13px dotted #4a2900;"><tr><td>
<table border="0" bgcolor="#d9c465" ><tr><td width="90" height="90"><a href="http://hb.afl.rakuten.co.jp/hgc/04d5f873.71960d63.04d5f874.83a33681/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fcozymom%2ffog0005%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fcozymom%2fi%2f10000141%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fitem-p%2fimg1057943194.jpg%3f_ex%3d80x80&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fitem-p%2fimg1057943194.jpg%3f_ex%3d64x64" border="0"></a>
</td></tr><tr><td width="90" height="15" >５０４円</td></tr><tr><td width="90">ボトルラック</td></tr></table>
</td><td>
<table border="0"><tr><td width="90" height="90"><a href="http://hb.afl.rakuten.co.jp/hgc/04d5f873.71960d63.04d5f874.83a33681/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fcozymom%2fdlt080917605%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fcozymom%2fi%2f10005333%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fdulton%2fimg55627987.jpg%3f_ex%3d80x80&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fcozymom%2fcabinet%2fdulton%2fimg55627987.jpg%3f_ex%3d64x64" border="0"></a>
</td></tr><tr><td bgcolor="#ffefa8" width="90" height="15" >９０１円</td></tr><tr><td bgcolor="#ffffa8" width="90">ガベージ缶</td></tr></table>
</td></tr></table>

いかがでしょうか？
分からない事、聞きたい事があれば、
コメント欄に、どんどん書き込んで下さいね～＾＾

★テンプレートを探す★

★テンプレートの作り方★