CSS css の背景のいくつかの構文
著者:Eve Cole
更新時間:2009-06-09 20:25:11
CSSの説明
背景画像:url("画像の URL");
背景: url("画像の URL");
背景色:#背景色;
経験値:
背景画像:url(背景パターン.jpg,gif,bmp);
背景色:#FFFFFF;
背景色 : 透明 <--背景を透明色に設定します。
-------------------------------------------------- ----------------------------------
background-repeat は、背景画像の繰り返しの並列設定を変更します。
css
説明する
背景画像を並べて繰り返す
repeat-x 背景画像を X 方向に並べて配置します。
リピートyの背景画像をY方向に並べて配置します
繰り返しのない背景画像は並べて処理されません
経験値:
背景画像:url("/u/info_img/2009-06/09/xx.gif");
背景リピート:リピートなし;
この画像を背景として使用します。画像サイズが足りない場合は、並べて繰り返さないでください。
-------------------------------------------------- ----------------------------------
背景添付で画像の位置を固定するかどうか
css
説明する
スクロール スクロールを引くと、それに応じて背景画像が移動します (デフォルト値)
スクロールを引いても背景画像が動かない問題を修正しました。
経験値:
背景画像:url("/u/info_img/2009-06/09/xx.gif");
背景リピート:リピートなし;
背景添付:修正済み;
/u/info_img/2009-06/09/xx.gif の背景画像は繰り返されず、並べられず、スクロールとともに移動しません。
-------------------------------------------------- ----------------------------------
長さによる背景位置の位置: x y
パーセンテージ配置の背景位置を使用します: x% y%
css
説明する
x% が右に移動
y% は下に移動します
背景位置: 0% 0%;
背景位置: 0% 50% 左中央。
背景位置: 50% 0%;
背景位置: 50% 50%;
背景位置:100% 0%;
背景位置: 0% 100%;
背景位置: 100% 中央右
背景位置: 50% 100%;
背景位置: 100% 100%;
キーワードでターゲットを絞る
キーワードの説明
上 ( y = 0 )
中心 ( x = 50、y = 50 )
一番下 ( y = 100 )
左 左 ( x= 0 )
経験値:
背景位置:中央;
画像は指定した背景の中心の X=50% Y=50% の位置にあります
背景位置: 200px 30px