html + css + javascript

[css] background

sping2 2024. 2. 7. 12:00

background-repeat

background-color와 background-image를 같이 사용할 수 있다.

이미지가 반복해서 보이는데, 이게 싫다면 background-repeat:no-repeat를 추가하면 된다.

repeat-x: x축만 반복 / repeat-y: y축만 반복

 

 

 

 

 

background-attachment

background-image가 움직이지 않게 함.

 

 

 

 

 

 

 

background-size

 

 

 

 

 

background-position

left top이 디폴트

right top, right bottom, center bottom, center center등으로 사용할 수 있다.

 

 

 

 

background

속성을 한번에 다 적을 수 있다.

 

'html + css + javascript' 카테고리의 다른 글

[css] blend  (0) 2024.02.07
[css] filter  (0) 2024.02.07
[css] float  (0) 2024.02.07
[css] mediaquery  (2) 2024.02.07
[css] multi column  (2) 2024.02.07