Programmers

1) background-repeat 배경 이미지의 반복을 설정 속성 값 값 의미 기본값 repeat 배경 이미지를 수직, 수평으로 반복 repeat repeat-x 배경 이미지를 수평으로 반복 repeat-y 배경 이미지를 수직으로 반복 no-repeat 반복 없음 html css .box1 { width: 260px; height: 200px; border: 2px dashed lightgray; background-image: url("https://heropy.blog/css/images/vendor_icons/html5.png"); background-size: 100px; } .box2 { width: 260px; height: 200px; border: 2px dashed lightgray;..

1) background-image 요소의 배경에 하나 이상의 이미지를 삽입 속성 값 값 의미 기본값 none 이미지없음 none url("경로") 이미지 경로(URL) 사용법 background-image: url("경로"); .box { background-image: url("../img/image.jpg"); width: 120px; height: 80px; } ※ 배경 이미지 삽입 시, 요소의 크기가 설정되어 있어야 배경 이미지가 보일 수 있다. .box1 { /* 개별속성 */ background-image: url("../img/image1.jpg"), url("../img/image2.jpg"), url("../img/image3.jpg"); } .box2 { /* 단축속성 */ backg..