Knowledge Wiki/HTML&CSS
[ HTML/CSS ] 그림과 배경 레이아웃 맞추기
Praiv.
2021. 12. 7. 10:14
1. 그림을 배경에 잘 맞추고 싶으면
.main-background {
background-size: 100%;
background-repeat: no-repeat;
}
아니면 cover도 많이 씀
cover -> 배경짤려도 상관없으니 빈공간 없이 배경으로 꽉채워라
.main-background {
background-size: cover;
}
contain: 여백 남아도 되니까 배경 안짤리게.
.main-background {
background-size: contain;
}
그외
.main-background {
background-position: center;
background-attachment: fixed; // 스크콜시 배경 위치 조정가능
filter: brightness(70%); // 보정 입히기, 최신 브라우저에서 사용 가능
}
반응형