728x90
06_bg.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/06_bg.css";
</style>
</head>
<body>
<div class="container">
<header>
<div class="heading">
<h1>Joandora</h1>
<h2>가장 제주다운 수산리집</h2>
</div>
</header>
<nav class="navi">
<ul>
<li><a href="#">이용 안내</a></li>
<li><a href="#">객실 소개</a></li>
<li><a href="#">예약 방법 및 요금</a></li>
<li><a href="#">예약하기</a></li>
</ul>
</nav>
</div>
</body>
</html>06_bg.css
@CHARSET "UTF-8";
header{
width:100%;
height:280px;
margin-top:0;
background:url(../img/beach.png) no-repeat left top;/*값을 주면 알아서 잘 해석한다.*/
}
728x90
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch03-08. bgsize (0) | 2017.08.23 |
|---|---|
| [CSS] ch03-07. bgclip (0) | 2017.08.23 |
| [CSS] ch03-05. bgposition (0) | 2017.08.23 |
| [CSS] ch03-04. bgimg (0) | 2017.08.23 |
| [CSS] ch03-03. bgcolor (0) | 2017.08.23 |
댓글