반응형
background-color : tomato; // 배경색을 토마토색깔
background-imge: url('퓨마.jpg'); //배경이미지 경로지정
background-repeat : repeat; //배경 반복 , no-repeat// 노반복 , repeat-x,y //x축만반복 y축만반복
background-attachment: fixed //배경 고정 scroll 배경 스크롤
background-size : 500px 100px ; //배경이미지 가로 500 세로 100 지정
//cover 화면을 일단 그림으로 다채운다 //contain 화면의 이미지 손실없이 채운다
background-position : center //배경이미지의 위치를 지정할수있다 //left , right // 100% 100%
background: tomato url('run.png') no-repeat fixed center // 이렇게 축약형으로 사용할수도 있다.
반응형
'디자인 > CSS' 카테고리의 다른 글
CSS - filter ,blend,접두어 (브라우저별 사용) (0) | 2019.03.05 |
---|---|
CSS - Transform (1) | 2019.03.05 |
CSS - FLOAT (0) | 2019.03.05 |
CSS - flex (0) | 2019.03.05 |
CSS - 타이포그래피 (0) | 2019.03.04 |