• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Navigation bar</title>
7
    <style>
8
        ul {
9
            list-style-type: none;
10
            margin: 0;
11
            padding: 0;
12
        }
13
        li { float: left; }
14
        li a {
15
            display: block;
16
            background-color: #FFDAB9;
17
            padding: 8px;
18
        }
19
    </style>
20
</head>
21
​
22
<body>
23
​
24
    <h1>floating 속성을 이용한 수평 내비게이션 바</h1>
25
    <ul>
26
        <li><a href="/index.php">Home</a></li>
27
        <li><a href="/html/intro">HTML</a></li>
28
        <li><a href="/css/intro">CSS</a></li>
29
        <li><a href="/bbs/login.php">로그인</a></li>
30
        <li><a href="/bbs/register_form.php">회원가입</a></li>
31
    </ul>
32
​
33
</body>
34
​
35
</html>