css background-position2 CSS background - shorthand 속성 CSS background-shorthand 속성 코드를 단축하기 위해 단일 속성에 모든 배경 속성을 지정할 수도 있다. 이것을 shorthand 속성이라고 한다. 아래와 같이 작성하는 것 대신에: body { background-color: #ffffff; background-image: url("img_tree.png"); background-repeat: no-repeat; background-position: right top; } background 속성을 활용하여 아래와 같이 간략히 작성할 수 있다. body { background: #ffffff url("img_tree.png") no-repeat right top; } shorthand 속성을 사용할 때 속성 값의 순서는 다음과 같다: b.. 2023. 7. 10. CSS 배경이미지 반복(CSS background image repeat) CSS background-repeat 속성 기본적으로 배경 이미지 속성은 이미지를 수평 및 수직으로 반복한다. 일부 이미지는 수평 또는 수직으로만 반복해야 한다. 그렇지 않으면 다음과 같이 이상하게 보일 수 있다: Hello World! 이상한 배경 이미지... 위의 코드를 실행한 결과 화면이 아래 그림이다. 위의 이미지가 수평으로만 반복되는 경우(background-repeat: repeat-x;) 배경이 더 잘 나타난다: Hello World! 여기서 배경 이미지는 수평으로만 반복됩니다! 위의 코드를 실행한 결과 화면은 아래 그림과 같다. 반복되는 그림이미지가 하나로 단순화한다. CSS background-repeat:no-repeat 배경 이미지를 한 번만 표시하는 것도 background-rep.. 2023. 7. 8. 이전 1 다음