background size, attachment

background background background background background background background background

background background background background backgrou"> 05-03_size_attachment

background size, attachment

background background background background background background background background

background background background background backgrou"> 05-03_size_attachment

background size, attachment

background background background background background background background background

background background background background backgrou">

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>05-03_size_attachment</title>
<!--
	# background-size
	- 배경 이미지 크기를 조절.
	- background-size: width -> height auto
	  background-size: width height;
	  
	# background-attachment
	- 배경 이미지를 어떠한 방식으로 화면에 붙일 것인지 결정.
	- scroll, fixed, local
-->
<style type="text/css">
body {
	margin: 0 auto;
	background-size: 100% 250px;
	background-image: url('../../image/bg_image/yellow_bg.jpg'), url('./../image/bg_image/yellow_bg.jpg');
	background-size: 100% 250px;
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: scroll; /* fixed: 스크롤해서 내릴 때 이미지는 위에 고정. */
								   /* scroll: 스크롤하면 이미지와 내용 같이 내려옴. */
}

</style>
</head>
<body>
	<h1>background size, attachment</h1>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<p> background background background background background background background background</p>
	<br>
</body>
</html>