[CSS] background-image


[CSS] background-image

background-image - 요소의 배경에 하나 이상의 이미지 삽입. - 하나의 이미지만 삽입하는 것이 보통이지만 하나 이상을 삽입할 수도 있음. [속성 값] - none: 이미지 없음. 기본값 - url("경로"): url() 함수의 인자 값으로 경로를 지정. [사용 방법] background-image: url("경로"); [사용 예시] .box{ background-image: url("../image.jpg"); width: 100px; height: 100px; } // 개별 속성 사용 예시 .box{ background-image: url("../image1.jpg"), url("../image2.jpg"), url("../image3.jpg"); } // 단축 속성 사용 예시 .box{ background: url("../image1.jpg") no-repeat, url("../image2.jpg") no-repeat 100px 50px, url("../image...


#background #backgroundimage #css #image

원문링크 : [CSS] background-image