WEB/CSS

[CSS] ch03-06. bg

밍글링글링 2017. 8. 23.
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

댓글