タローmamaの部屋

タローmamaの部屋

壁紙の付け方

日記のページに壁紙をつける場合

<P style="background-image:url(画像のURL)"><A
href=""></A>日記の文章</P>


日記のページに壁紙をつける場合(背景をリピートさせる)

<P style="background-repeat:repeat-repeat;background-image:url(画像のURL)"><A
href=""></A>日記の文章</P>

日記のページに壁紙をつける場合(背景をリピートさせない)

<P style="background-repeat:no-repeat;background-image:url(画像のURL)"><A
href=""></A>日記の文章</P>

背景を指定して付ける場合(1)

background-repeat: no-repeat;background-Position:配置したい場所;

left top center top right top
left center
center center right center
left bottom
center bottom right bottom

日記の書き方
<CENTER style="width:600;height:480;border-style:double;border-color:#6ead6a;border-width:10;background-image: url(~背景のURL~);background-repeat:repeat-x;background-position:bottom;">
日記の本文</center>




ページ全体に壁紙を付ける場合(背景を固定する)

<IMG src="壁紙のURL"width="0"height="0"onload=body.style.background="url(壁紙のURL)"; body.style.backgroundAttachment="fixed ">

アンダーラインの所が固定のタグです

背景を指定して付ける場合(2)

上に一列に並べる場合(このページの背景です)



<IMG src="画像のURL" onLoad=this.style.display="none";body.background=this.src;body.style.backgroundAttachment="fixed";body.style.backgroundRepeat="repeat-x">

下に一列に並べる場合
background-repeat: repeat-x;background-Position: bottom

左に縦に一列に並べる場合

repeat-y に変える

背景に色をつける場合

<P style="background-color:色">日記の文章</P>


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