css 배경이미지2 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. CSS 배경이미지(CSS Background Image) CSS background-image 속성 background-image 속성은 요소의 배경으로 사용할 이미지를 지정한다. 기본적으로 이미지는 반복되므로 전체 요소를 포함한다. Hello World! 이 페이지는 이미지를 배경으로 합니다! 위의 코드를 실행하면 배경 이미지로 "paper.gif"그림이 채워진다. 결과 화면은 아래 그림과 같다. 배경 이미지는 요소와 같은 특정 요소에 대해서도 설정할 수 있다: Hello World! 이 단락은 이미지를 배경으로 합니다! p 요소에 배경이미지를 "paper.gif"이미지로 설정하였다. 아래 그림은 위의 코드를 실행한 결과 화면이다. 지금까지 background-image 속성을 활용하여 배경이미지를 설정하는 예제를 살펴보았다. 꼭 실습해보시기를 바랍니다. 모.. 2023. 7. 7. 이전 1 다음
