無料ホームページ作成!CSS・スタイルシート
背景画像

無料ホームページ作成!CSS・背景
背景画像

ホームページの背景画像の指定

background-image属性

このbackground-image属性は背景に画像もしくは写真を指定する属性です、<body>タグに宣言するとホームページの背景に画像、一括で設定してしまうと使いやすいでしょう。
また、見出しなどをおしゃれにしたい場合などにも使えます。
ただ、絶対パスや相対パスなどで画像を指定しますので、絶対パスや相対パスを学んでおきましょう。(以外に簡単なものです)

background-image属性の使い方

CSSソース

セレクタ{
	background-image:url(gazou.gif);
}
 
結果

<body>タグで宣言されていますので、背景が画像(繰り返し)で表示されます。

background-image属性で宣言できる値

概要
url(gazou.gif) ()内を絶対パスか相対パスで背景画像を指定
none 背景画像を指定しない

値の使用例

<body>タグで宣言せず、文字の背景画像にするとブラウザによっては多少変化があるようです。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS