けとけと。の自由帳

けとけと。の自由帳

2003年01月16日
XML


おさらいです.

一般的(?)な記述です.

<P style="background-image: url( アドレス )">
日記の内容
</P>


※アドレスは画像のURLです.
 http://から始まって.jpgとか.gifまでです.
 画像の倉庫から選択した場合,

 ----------------------------------------------------------------------------------
 下記のHTMLを利用すると、ホームページにこの画像を表示できます。
 <IMG SRC=" http://plaza.rakuten.co.jp/img/user/58/92/845892/30.gif " width="128" height="128" alt="背景">
 ----------------------------------------------------------------------------------

     の部分を 画像のURL または アドレス といいます.


CENTERタグを使って文章をセンタリングさせたい場合は,PタグのかわりにCENTERタグをお使いください.


<CENTER style="background-image: url( アドレス )">
日記の内容
</CENTER>



他にも<B>や<I>とかにも使えます.

注意:「日記の内容」部分でタグを使う場合,途中で背景が消えてしまうタグが存在します.

以上日記に背景をつける場合の説明です.





記述の仕方は

<P style="background-image: url(画像のアドレス) ;background-repeat: ★ ">

です.





横方向だけに画像を繰り返したいときは     の部分を付け加え★を repeat-x と指定します.







縦方向だけに画像を繰り返したいときは     repeat-y と指定します.





繰り返さないときは     の部分を付け加え★を no-repeat と指定します.


次は応用として上でのマーカー部分に使っていますが,背景画像ではなくて背景色の設定です.

記述の仕方は

<P style="background-color: ">

です.

色の指定の仕方は FONTタグを使った文字の色の指定と同じです.
数値ならば #aa00cc と言う書き方でで,キーワードなら red と言う書き方です.



部分的に指定 と言うことができます.





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

最終更新日  2005年01月15日 22時38分47秒
コメント(17) | コメントを書く
[HTML・スタイルシート] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

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