반응형

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 // 이렇게 축약형으로 사용할수도 있다.

.profile .profile_header{ background-image: url('../images/backgrounsimg.jpg'); /* background-color: red; */ background-position: center center; background-size: 100% 100%; }


반응형

'디자인 > 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

+ Recent posts