#9
背景画像を設定しよう
header{
background-imag: url(img/○○○.jpg);
height: 240px;
background-size: cover;
background-position: 50% 50%;
}
background-size: cover; →縦横比を保持したまま大きく表示
background-position: 50% 50%;
→ブラウザの幅を変化すると画像の左上を起点に画像のサイズが変わるので
画像の中央を指定
---
background-image : url( );
background-image : url( ); の ( ) 内に画像パスを指定
background-repeat : ;
background-repeat : ; の : ; 内に画像の表示パターンを指定
background-position : ;
background-repeat : ; の : ; 内に画像の座標位置を指定
background-attachment : ;
background-repeat : ; の : ; 内にブラウザスクロール時の画像動作を指定
HTMLの基本のタグで指定した場合は、画像は繰り返し表示
HTMLは基本的に構造や内容を表すもの
一枚の画像を全画面で表示したい、
背景を固定したいとなどといった場合は、CSS!!!