ウェブデザインをスタイルシートでおこなおう!

ホームページ作成スタイルシート編!スタイルシート倶楽部@ウェブマイスター
ホームページ作成総合支援ウェブマイスター
スタイルシート倶楽部トップ戻る
スタイルシートを使えばウェブデザインは思いのまま!
ページ管理も楽になり、大幅なデザイン変更も楽になっちゃうよ!
スタイルシートを使いこなして脱入門者になろう!

サイト作りの基礎を学びたい方は >> 本館 ウェブマイスター
さくらインターネット
たった125円という破格の値段で高機能なレンタルサーバー。業界最大手で安心して使えるよ。
3ヶ月無料キャンペーン実施中!! レンタルサーバーのSpeever
一番高いプランも今なら無料だよ

プロパティー名 background-position
目的 背景画像の表示位置を指定。

数値+単位
左上角を 『0 0』として位置を指定。
数値+%
左上を 『0% 0%』として割合で指定。
center, left, right, top, bottom
左上を『left top』として位置を指定。

例:背景画像を右下角に表示。

body {
  background-image: url("tile.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
}

関連プロパティー

Tips
★『background-repeat: no-repeat』と共に使われる。
| ウェブマイスタートップ | ホームページの作り方 | スタイルシート入門 | PHP Tips | CGI/PHPソフト配布 | 掲示板 | ブログ | ショッピング | リンク集 |
(C) 2005 - 2007 ウェブマイスター