けとけと。の自由帳

サイド自由欄

動画ページ
HOT!まいろ

< 新しい記事

新着記事一覧(全5592件)

過去の記事 >

2003年01月13日

ワンコ・日記に背景その２・温ぅ～

(13)

カテゴリ：未整理

わんこ紹介
■ MOKAMAMA’S　ROOM

◇オーナー： moka
◇名前： モカ（♀）
◇犬種： Ｗ．コーギー
◇年齢： 3月で2歳
◇オーナーからの一言
ちょっとロン毛のオデブなコーギーです。
ただいまダイエット中ですが
さっぱり効果なしです。
掃除機がなにより嫌いで食べる事が何より

よろしくお願いします～

■ ☆のーちゃんママ☆の１日の出来事

◇オーナー： の～ちゃんママ
◇名前： ベリー（ＢＥＲＲＹ）（♀）
◇犬種： ラサ・アプソ
◇年齢： ２歳４ヶ月
◇オーナーからの一言
シーズーやペキニーズの祖先犬といわれてます。
幸運の犬とか、魔よけの犬と昔から、いわれてます。珍犬！
とっても人懐っこくて、寂しがりやです
しぐさは、人間のようです。

※紹介したＨＰの管理人様へ

　・変更及び追加があればいつでもお知らせください．
　・写真を紹介しやすいようにサイズ等を変更しています．
　　問題がありましたらご連絡ください．
　・日記に載せた分は翌日以降，左の 『楽天１０１匹わんこ』 に反映されます．

日記の背景に画像を表示する方法は去年の11月6日の日記に説明しましたが，今回はその背景を少し制御してみましょう．

例えば
<P style="background-image: url(背景画像のアドレス)">
日記の内容
</P>
にした場合領域いっぱいに指定した画像が繰り返し表示されます．
そこで，縦だけまたは横だけとかに繰り返し表示させたい場合はどうするかを説明します．

style="background-image: url(背景画像のアドレス)"の設定を次のように変えます．
↓
style="background-image: url(背景画像のアドレス);background-repeat: キーワード"

キーワードは次のとおりです
・横に繰り返し表示の場合．．．repeat-x
・縦に繰り返し表示の場合．．．repeat-y
・繰り返えさない場合．．．no-repeat

それから日記に画像を背景としても表示できますが色も指定できます．

style="background-color: 色"をstyle="background-image: url(背景画像のアドレス)"と入れ替えればできます．

今回説明した方法で日記の内容にCENTERタグを使いたい場合ですが，
部分的にCENTERタグを使うと背景が反映されませんが，
日記の内容全てをCENTERタグでセンタリングさせる場合は，
PタグをCENTERタグに変えてください．
Pタグ以外の一部のタグにも使えると言う事を理解してください．

<CENTER style="background-image: url(背景画像のアドレス)">

</CENTER>
※今回紹介した手法は日記以外でも使えるので試してみてください．

さすがに寒くなってきたのでストーブを部屋に置いたんだけど４畳半の部屋ではすぐに温もる．
でも暑くなったからといって消すとやっぱり寒い．
温度調節が難しいです(笑)

皆様がんばっていきましょう！

お気に入りの記事を「いいね！」で応援しよう