ホームベーカリーで作るパンのレシピ

ホームベーカリーで作るパンのレシピ


★日記のわくです。
 背景を入れることができます。

 画像の倉庫に登録してある背景画像のURLを、( )の中にいれます。

 http://plaza.rakuten.co.jp/img/user/○○○.gif  の部分です。



コピー&ペーストして、そのまま、つかえるように、なりました。
新機能になってからは、サイズの単位 px を入れてください。


カクテル
1

<

<CENTER style="WIDTH:600px; background: url(http://からはじまる画像のURL); border-width :3px;border-style : dashed;border-color : pink;"><FONT color="deeppink">

    ここに日記をかきます

</FONT></CENTER>




2

<

<CENTER style="WIDTH:600px; background: url(http://からはじまる画像のURL); border-width : 5px;border-style : double;border-color : #9999FF;"><FONT color="#9900ff">

   ここに 日記 をかきます

</FONT></CENTER>




3、 背景画像をいれて、枠の種類をドットに。






<CENTER style="WIDTH:600px; background: url(http://からはじまる画像のURL); border-width : 5px;border-style : dotted;border-color : pink;"><FONT color="brown">


ここに日記

</FONT></CENTER>










4、背景を固定、右下に。文字は、左よせに。



<CENTER style="WIDTH:550px; background: url(http://からはじまる画像のURL);border-width: 5px;border-style: solid;border-color: #9999ff; background-repeat: no-repeat; background-position: 100% 100%; text-align:left;">  

ここに、日記を書き込みます。 

</CENTER>










5、背景を固定、左上に






<CENTER style="WIDTH:600px; background: url(http://で始まる画像
のURL);border-width: 10px;border-style: dotted;border-color:pink; background-repeat: no-repeat; background-position: 0% 0%; text-align:left;">  

ここに、日記を書き込みます。 

</CENTER>






( 画像の位置 ) background-position: ○○○○

・右下に固定したい時は、background-position : right bottom
        または background-position : 100% 100%

・左下に固定したい時は、background-position : left bottom
        または background-position : 0% 100%

・左上に固定したい時は、background-position : left top
        または background-position : 0% 0%

・右上に固定したい時は、background-position : right top
        または background-position : 100% 0%




ドール

・追加で~す。

6、画像を、たて一列に並べます。文字は、中央よりにしました。

  background-repeat: no-repeat のところを
  background-repeat: repeat-y  にします。








<CENTER style="WIDTH:600px; background: url(http://で始まる
画像のURL);border-width: 10px;border-style:dotted;border-color:pink; background-repeat: repeat-y;">  

ここに、日記を書き込みます。 

</CENTER>









7. 画像を、横1列に並べました。
  線の種類を、破線にしました。





<CENTER style="WIDTH:600px; background: url(http://で始まる
画像のURL); border-width : 3px;border-style : dashed;border-
color : #ff99CC; background-repeat: repeat-x;"><BR>

ここに日記を書きます。

<BR></CENTER>







© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: