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

잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==))
 
(사용자 2명의 중간 판 2개는 보이지 않습니다)
11번째 줄: 11번째 줄:


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


==예제 2: CSS 인라인 스타일==
==예제 2: CSS 인라인 스타일==
*실행결과: http://jmnote.com/html5/body-background-image2.php
*실행결과: http://zetawiki.com/ex/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');">
33번째 줄: 33번째 줄:


==같이 보기==
==같이 보기==
*[[HTML body]]
*[[HTML body 태그]]


==참고 자료==
==참고==
*http://www.w3schools.com/cssref/pr_background-image.asp
*http://www.w3schools.com/cssref/pr_background-image.asp


[[분류: HTML]]
[[분류: HTML]]

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

1 개요[ | ]

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

2 예제 1: CSS 스타일시트[ | ]

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

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

3 예제 2: CSS 인라인 스타일[ | ]

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

4 같이 보기[ | ]

5 참고[ | ]

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