css-navigation-hor-ex2 RUN
 
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <style>
5
            ul {
6
                list-style-type: none;
7
                margin: 0;
8
                padding: 0;
9
                border: 1px solid #bbb;
10
                overflow: hidden;
11
                background-color: #f0f0f0;
12
            }
13
            li {
14
                float: left;
15
                border-right: 1px solid #bbb;
16
            }
17
            li:last-child {
18
                border-right: none;
19
            }
20
            li a {
21
                display: block;
22
                color: black;
23
                text-align: center;
24
                padding: 14px 16px;
25
                text-decoration: none;
26
            }
27
            li a:hover {
28
                background-color: white;
29
            }
30
            .active {
31
                background-color: white;
32
            }
33
        </style>
34
    </head>
35
    <body>
36
        <ul>
37
            <li><a href="#">WEBMASTER</a></li>
38
            <li><a href="#" class="active">LẬP TRÌNH</a></li>
39
            <li><a href="#">DATABASE</a></li>
40
        </ul>
41
    </body>
42
</html>
PHÓNG TO