background 속성

개요

background 속성은 background-color, background-image, background-repeat, background-position 속성들을 모두 합친 속성이다.

특성은 공백으로 구분하며 "색상 이미지 repeat position" 순서로 쓴다

사용법

#box{ background: #09C url('image.png') no-repeat 10px center; }

예제

<html>
<head>
	<style>
		#box1{ width:300px; height:100px; background:yellow url('google.png') no-repeat center center }
	</style>
</head>
<body>
	<div id="box1"></div>
</body>
</html>
출력 결과: