背景画像の固定
↑の小さいクレヨン画像を背景画像として使い、右下に固定します。
style="background-image:url( http://からはじまる画像URL ); background-repeat:no-repeat; background-position:right bottom"
↑のソースを center か table か td タグ内に埋め込むと成功する筈です。
なお、 background-position: 内を下記に変更することで
固定場所が変わります。
左寄せ left 、右寄せ right 、真ん中 center 、下 bottom 、上 top
%で書くことも可能です。
%の場合は、 left top=0% 0% … right bottom=100% 100% で表現することが出来ます。
サンプル
| style=" background-image:url(http://plaza.rakuten.co.jp/img/user/～.gif); background-repeat:no-repeat; background-position:left top" | style="background-image:url(http://plaza.rakuten.co.jp/img/user/～.gif); background-repeat:no-repeat; background-position:center center" |
| style="background-image:url(http://plaza.rakuten.co.jp/img/user/～.gif); background-repeat:no-repeat; background-position:right bottom" | style="background-image:url(http://plaza.rakuten.co.jp/img/user/～.gif); background-repeat:no-repeat; background-position:70% 70%" |
背景画像の並び指定 もご参考下さいね。 背景を縦一列や横一列に並べることが出来ます♪
＊ http://からはじまる画像URL とは？ ＊
画像の倉庫で画像をクリックすると以下のような文章が出てきます。
下記のHTMLを利用すると、ホームページにこの画像を表示できます。
<IMG SRC="http://plaza.rakuten.co.jp/img/user/～xx.gif" width="50" height="50" alt="ミニクレヨン">
<IMG SRC="http://plaza.rakuten.co.jp/img/user/～xx.gif" width="50" height="50" alt="ミニクレヨン">
http://plaza.rakuten.co.jp/img/user/～xx.gif
の部分だけを抜き取って、括弧内に置き換えてください。
© Rakuten Group, Inc.
