"HTML body 배경그림 넣기"의 두 판 사이의 차이

2017년 6월 27일 (화) 03:53 기준 최신판

<style>
body {
  background-image:url('그림주소');
}
</style>

<style tyle="text/css">
body {
  background-image:url('//www.w3schools.com/tags/w3s.png');
}
</style>

<body>
<h1>body 배경그림 넣기 예제 #1</h1>
</body>

<body style="background-image:url('//www.w3schools.com/tags/w3s.png');">
<h1>body 배경그림 넣기 예제 #2</h1>
</body>

@@ 6번째 줄: / 6번째 줄: @@
 body {
    background-image:url('그림주소');
-  background-color: 배경색;
 }
 </style>
 </source>
-==예제==
+==예제 1: CSS 스타일시트==
-*http://jmnote.com/html5/html-body-background.php
+*실행결과: http://zetawiki.com/ex/html5/body-background-image.php
 <source lang='html5' highlight='3'>
 <style tyle="text/css">
 body {
    background-image:url('//www.w3schools.com/tags/w3s.png');
-  background-color: #eeeeee;
 }
 </style>
 <body>
-<h1>안녕 친구들!</h1>
+<h1>body 배경그림 넣기 예제 #1</h1>
+</body>
+</source>
+==예제 2: CSS 인라인 스타일==
+*실행결과: http://zetawiki.com/ex/html5/body-background-image2.php
+<source lang='html5' highlight='1'>
+<body style="background-image:url('//www.w3schools.com/tags/w3s.png');">
+<h1>body 배경그림 넣기 예제 #2</h1>
 </body>
 </source>
 ==같이 보기==
-*[[HTML body]]
+*[[HTML body 태그]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/cssref/pr_background-image.asp
 [[분류: HTML]]