TOP ＞ スタイルシートで背景をデザイン ＞ CSS/スタイルシートを使って、背景をまとめて設定する。
CSS/スタイルシートを使って、背景をまとめて設定する。
背景の設定をスタイルシートでコントロールできるようになると、Webページのデザインがぐっと締まってきます。 画像を入れるにしろ、背景色を変えるにしろ、Webページにオリジナリティをだすには必須ですね。
「background」プロパティを使うと、 背景の設定をまとめて行うことが出来ます。
設定項目の値を並べる順番は特に決まっていません。設定しない値を省略することも可能です。 省略したプロパティの値は標準値で設定されます。
CSS/スタイルシートを使って、背景をまとめて設定する。
【書き方】
background : background-colorの値 background-imageの値 background-repeatの値 background-attachmentの値 background-positionの値 ;
"CSS/スタイルシートを使って、背景をまとめて設定する。"のサンプルはコチラをクリック
- サンプルページのコードは以下の通りです。
|
【スタイルシート】 body{background :#bbffff url(http://www.1css.net/sample/303.gif) no-repeat fixed center center; font-size: 28px; } 【HTML本文】 <html> <head> <title>CSS/スタイルシートを使って、背景をまとめて設定する。のサンプル</title> <meta http-equiv="content-type" content="text/html"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="http://www.1css.net/sample/306.css" type="text/css"> </head> <body> <p>backgroundプロパティを使えば背景の設定をまとめて行えます。</p> <p>背景色を水色、背景画像にタイル状のマークを使用し、中央に一回だけ固定して表示しています。</p> </body> </html> |
[
スタイルシートで背景をデザイン ]
