Emile*Emilie HTML・CSS

忍者ブログのテンプレートを作成中

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

| 2024.11.25.Mon | |

背景画像に関するタグ。

■背景画像の指定

background-image:url(画像アドレス);

■背景画像の繰り返しをするかしないかの指定
繰り返さない（一枚絵を置く場合など）

background-repeat:no-repeat;

繰り替えす（壁紙画像などを敷き詰める場合など）

background-repeat:repeat;

■背景画像の位置の指定
　★=横位置（左端からの距離）、★=縦位置（上からの距離）

background-position:★ ★;

【例１】キーワード指定
left（左）、center（中央）、 right（右）、top（上）、bottom（下）

background-position:left center;　/*左端・中央*/
background-position:right top;　/*右端・上*/

【例２】％指定

background-position:0% 100%;　/*左端・下*/
background-position:50% 50%;　/*中央*/
background-position:20% 80%;　/*左端から20％・上から80％*/

■背景画像の固定・移動の指定
背景画像を固定

background-attachment:fixed;

背景画像をスクロールに合わせて移動（デフォルト）

background-attachment:scroll;

記述例

body {
background-image:url(画像アドレス);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}

| 2010.03.23.Tue | HTML・CSS |

文字のサイズ（font-size）の絶対サイズ。

■pt指定

■px指定

■キーワード指定

文字のサイズ（font-size）の相対サイズ。

■キーワード指定

■パーセント指定

■比較

| HOME | 次のページ>>

Calendar