CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM9:30~PM6:30

スタッフブログ | 背景の指定を一括で指定する方法
スタッフブログ
背景の指定を一括で指定する方法

背景の指定を一括で指定する方法
さて、今回もcssを短縮で書く技です。
背景に関する内容を一括で指定してみましょう。

backgrounに関するcssは

background-color
background-image
background-repeat
background-position
background-attachment

等があります。
これを一つ一つ指定すると、5行も書かなくてはいけませんね。
これもborder等と同じく、一括指定することが可能です。

background: #ffffff url(bg.png) repeat-y right top fixed;

と書いてやります。
これで完了です。
どうでしょうか?1行にまとめられましたね。
今回の例は、color・image・repeat・position・attachment
の順番で書いていますが、必要のない指定は省略することもできて、
並べる順番も特に決まりはありません


これでソースがだいぶ簡単になります。


いかがでしたでしょうか?
今まで沢山のcssの技をご紹介してきました。
floatやlist、border等、基本的なことはほぼ出来たのではないかと思います。
あとはこれらの技を駆使して、様々なデザインに挑戦していってください。
何度も申し上げていますが、慣れることがとても大切なので
たくさん使って慣れて、自分のものにしていって下さいね。

では!

| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=370 |
| ソース(ホームページ)のレシピ by 委員長! | 09:35 AM | comments (x) | trackback (x) |

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページ制作の事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM9:30-PM6:30

無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00~PM7:00

スタッフブログ | 背景の指定を一括で指定する方法
CSS