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

12번째 줄: 12번째 줄:


==예제 1: CSS 스타일시트==
==예제 1: CSS 스타일시트==
*실행결과: http://jmnote.com/html5/body-background.php
*실행결과: http://jmnote.com/html5/body-background-image.php
<source lang='html5' highlight='3'>
<source lang='html5' highlight='3'>
<style tyle="text/css">
<style tyle="text/css">
26번째 줄: 26번째 줄:


==예제 2: CSS 인라인 스타일==
==예제 2: CSS 인라인 스타일==
*실행결과: http://jmnote.com/html5/body-background2.php
*실행결과: http://jmnote.com/html5/body-background-image2.php
<source lang='html5' highlight='1'>
<source lang='html5' highlight='1'>
<body style="background-image:url('//www.w3schools.com/tags/w3s.png');">
<body style="background-image:url('//www.w3schools.com/tags/w3s.png');">

2014년 7월 14일 (월) 20:43 판

1 개요

HTML body background image
HTML body 배경그림 넣기
<style>
body {
  background-image:url('그림주소');
  background-color: 배경색;
}
</style>

2 예제 1: CSS 스타일시트

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

<body>
<h1>안녕 친구들!</h1>
</body>

3 예제 2: CSS 인라인 스타일

<body style="background-image:url('//www.w3schools.com/tags/w3s.png');">
<h1>안녕 친구들!</h1>
</body>

4 같이 보기

5 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}