html导航框架实例代码

!DOCTYPE html>
    
html>
    
head>
    
style>
.navbar {
    
overflow: hidden;
    
background-color: #333;
    
font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
    
float: left;
    
color: white;
    
text-align: center;
    
padding: 14px 16px;
    
text-decoration: none;
    
font-size: 17px;
    
margin-right: 5px;
}
.navbar a:hover {
    
background-color: #ddd;
    
color: black;
}
.active {
    
background-color: #4CAF50;
}
    
/style>
    
/head>
    
body>
    
div class="navbar">
    
a href="#home" class="active">
    Home/a>
    
a href="#news">
    News/a>
    
a href="#contact">
    Contact/a>
    
a href="#about">
    About/a>
    
/div>
    
/body>
    
/html>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！