[CSS] ch03-06. bg

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;/*값을 주면 알아서 잘 해석한다.*/
}