background-attachmentスクロール時に背景画像もスクロールするかどうかを設定できる。 指定できる値 fixed：スクロールしても画像はスクロールしない scroll：スクロールに合わせて画像もスクロールする デフォルト値はscroll 実際にfixedを指定してスクロ…

背景画像のパスを指定する。url()を使って、パスを指定する .main { background-image: url(../../images/ponta.jpg); } 相対パスで指定する場合、CSSを外部ファイルに記述しているときにはCSSからの相対パスになることに注意 設定できる値 URL：画像のURL n…

background-positionプロパティを使うことで画像を表示する開始位置を設定できる。 background-repeat: no-repeat;のときに使うことが多いらしい。 background-position: xの位置 yの位置;と記述する 値の指定方法 値の指定方法は３つある キーワードで指定 …

背景画像の繰り返し表示の設定をする。 指定できる値 値 説明 repeat 縦横に繰り返し表示 repeat-x 横に繰り返し表示 repeat-y 縦に繰り返し表示 no-repeat 繰り返し表示しない デフォルト値はrepeatになっている。 参考文献 background-repeat - CSS | MDN …

背景色を変えるにはbackground-colorプロパティを使う。 .main { background-color: #fafafa; } 値にtransparentを設定すると透過色という意味になる。 .main { background-color: transparent; } 色を透過するとき 背景色と文字を透過：opacityプロパティを…

opacityプロパティは要素全体の透明度を設定できる 文字色を透過したい場合には色を設定するときにrgbaで設定する。 設定する値 0〜1の数値を設定する。0に近づくほど透明になる。初期値は1になっている。 例）少し透過する .main { opacity: 0.8; } 参考文献…