CSSをいじっていて背景の色を変えたり背景に画像を指定する
場面が増えてきました。
CSSでは一部分の背景の色を変えたり、画像を組み込む事が
可能になっています。
前回はヘッダの画像で下記のような指定をやってみましたが
div#header {
background-image:url("http://lunch-blog.com/img/top.png");
background-repeat: no-repeat;
}
background-image:url("http://lunch-blog.com/img/top.png");
この部分を
background:#ff9900;
にすれば背景の色がオレンジになったりします。
ヘッダだけではなく、ブログの題名部分であったり
左右にあるウィジェットと呼ばれる部分の題名部分なども
同じく画像を指定したり色を変えたりが可能になってきます。
さらに、属性と呼ばれる文章を下に追加するだけで
同じ画像の横方向への繰り返し
background-repeat:repeat-x;
同じ画像の縦方向への繰り返し
background-repeat:repeat-y;
繰り返さない
background-repeat:non-repeat;
など様々な選択が可能になります。
場面が増えてきました。
CSSでは一部分の背景の色を変えたり、画像を組み込む事が
可能になっています。
前回はヘッダの画像で下記のような指定をやってみましたが
div#header {
background-image:url("http://lunch-blog.com/img/top.png");
background-repeat: no-repeat;
}
background-image:url("http://lunch-blog.com/img/top.png");
この部分を
background:#ff9900;
にすれば背景の色がオレンジになったりします。
ヘッダだけではなく、ブログの題名部分であったり
左右にあるウィジェットと呼ばれる部分の題名部分なども
同じく画像を指定したり色を変えたりが可能になってきます。
さらに、属性と呼ばれる文章を下に追加するだけで
同じ画像の横方向への繰り返し
background-repeat:repeat-x;
同じ画像の縦方向への繰り返し
background-repeat:repeat-y;
繰り返さない
background-repeat:non-repeat;
など様々な選択が可能になります。


コメントする