프론트엔드 첫걸음

배경이미지 넣기 본문

개발 공부/CSS

배경이미지 넣기

차정 2022. 7. 4. 15:10

background-image : url(이미지 주소);
해당 이미지를 배경이미지로 한다.


background-size
cover - 그림이 잘려도 됨. 배경을 div 박스에 가득 채우기
contain - 여백이 생겨도 좋으니까 그림 잘리지 않도록함. 


background-position
그림이 채워질 때 어디서부터 채워지느냐 


background-attachment
스크롤 시 배경 위치


filter
박스에 보정효과. (그림 안의 글씨에도 효과 적용됨)

'개발 공부 > CSS' 카테고리의 다른 글

<body style="margin:0px"> 그리고 CSS reset  (0) 2022.07.04
margin-collapse  (0) 2022.07.04
inline-block 사용하여 기본 레이아웃 만들기  (0) 2022.07.04
float 사용하여 기본 레이아웃 만들기  (0) 2022.07.04
폰트 크기 줄이고 세로 정렬 맞추기 - line-height 또는 inline-flex  (0) 2022.07.02
'개발 공부/CSS' Related Articles more