배경이미지 (2) 썸네일형 리스트형 풀스크린 배경 이미지: 전체 화면 배경 이미지. 풀스크린 배경 이미지를 만들고 스타일링하는 6가지 예제를 CSS와 HTML로 구성하고 상세히 설명하겠습니다. 예제 1: 기본 풀스크린 배경 이미지 이 예제에서는 기본적인 풀스크린 배경 이미지를 만들었습니다. background-image 속성을 사용하여 배경 이미지를 설정하고, background-size 속성을 사용하여 이미지를 커버하도록 설정하였습니다. 또한, background-position 속성을 사용하여 이미지를 가운데 정렬하고, height: 100vh;로 화면 높이와 동일한 높이를 설정하여 풀스크린으로 표시했습니다. 예제 2: 풀스크린 이미지와 콘텐츠 Welcome to Our Website Explore our services and products. Learn More 이 예제에서는 풀.. 반복 배경 이미지: 배경 이미지 반복 설정. 배경 이미지를 반복 설정하는 6개의 예제를 CSS와 HTML로 각각 구성하고 상세히 설명해드리겠습니다. 마지막에는 태그를 한 줄에 10개씩 나열해드리겠습니다. 예제 1: 배경 이미지 수평 반복 이 예제에서는 배경 이미지를 수평으로만 반복하도록 설정했습니다. background-repeat: repeat-x;를 사용하여 가로 방향으로 이미지를 반복합니다. 예제 2: 배경 이미지 수직 반복 이 예제에서는 배경 이미지를 수직으로만 반복하도록 설정했습니다. background-repeat: repeat-y;를 사용하여 세로 방향으로 이미지를 반복합니다. 예제 3: 배경 이미지 반복하지 않음 이 예제에서는 배경 이미지를 반복하지 않도록 설정했습니다. background-repeat: no-repeat;를 사용하여.. 이전 1 다음