背景のcss

ベース記事

cssの使い方

背景のcss

background-image …… 背景画像を指定する

背景の色を変える

プロパティは background-color を使う。例えばヘッダーに水色の背景を変える場合、

header {
     background-color : #CCEEF2 ;
              }

更に色を背景色を薄くしたい場合には値をrgba()を用いる。

header{
    background-color : rgba(0,0,0,0.7) ;
          }
/* 最後の0.7は1が濃くて、0に近づくほど色が薄くなる */

背景に画像を表示させる

使うプロパティは background-image その値は url(path)

div {
      background-image : url(../static/image/star.jpg) ;
              }

そのほかにも background-repeat : no-repeat やbackground-attachment : fixed　デフォルトはscroll 。ほかにはbackground-position : 左右 上下 とかがある。