<html>
<head>
<style>
.bcolor { background-color:yellow;} /* background-color: 배경색상 */
.bimage { background-image:url(../html/image/back2.gif);} /* background-image:url(../html/image/back2.gif) : 배경그림 */
.bimage2 { background-image:url(../html/image/back2.gif);background-repeat:no-repeat;} /* background-repeat : repeat그림반복, no-repeat(반복x), repeat-x(x반복), repeat-y(y반복) */
.bimage3 { background-image:url(../html/image/back2.gif);background-repeat:no-repeat;background-postition:right center;} /* background-postition : 배경그림 위치, left,cetner,right/top,center,bottom/ % */
.bimage4 { background-image:url(../html/image/back2.gif);background-attachment:fixed;} /* background-attachment: 배경그림 스크롤 scroll,fixed */
</style>
</head>
<body class="bimage4">
<h1>배경색상/배경그림 지정</h1>
background-color: 배경색상지정<br>
background-image:url(../html/image/back2.gif); : 배경그림지정<br>
보통 <body>내에서 작성하나<br>
<br>
<xmp>
.bimage { background-image:url(../html/image/back2.gif);} /* background-image:url(../html/image/back2.gif) : 배경그림 */
.bimage2 { background-image:url(../html/image/back2.gif);background-repeat:no-repeat;} /* background-repeat : repeat그림반복, no-repeat(반복x), repeat-x(x반복), repeat-y(y반복) */
.bimage3 { background-image:url(../html/image/back2.gif);background-repeat:no-repeat;background-postition:right center;} /* background-postition : 배경그림 위치, left,cetner,right/top,center,bottom/ % */
.bimage4 { background-image:url(../html/image/back2.gif);background-attachment:fixed;} /* background-attachment: 배경그림 스크롤 scroll,fixed */
<body class="bimage4">
</xmp>
<table class="bcolor" border="1" width="900"><tr><td>테이블에도 적용됨.</td></tr></table>
<table class="bimage" border="1" width="900" height="500"><tr><td>테이블에도 적용됨.</td></tr></table>
<table class="bimage2" border="1" width="900" height="500"><tr><td>background-repeat:no-repeat;</td></tr></table>
</body>
</html>
