zoukankan      html  css  js  c++  java
  • 水平导航栏制作

    在网页中水平导航栏是每一张网页都有的。

    现在做一个简单的导航栏:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta content="text/html" charset="utf-8">
    <style type="text/css">
    ul#nav{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    ul#nav li{display: inline;}
    ul#nav li a{
    padding: 5px 20px;
    margin: 0px 2px;
    border: 1px solid #666;
    background-color: #ccc;
    text-decoration: none;
    text-align: center;
    }
    ul#nav li a:hover{
    background-color: #333;
    color: #fff;
    }
    </style>
    <title></title>
    </head>
    <body>
    <ul id="nav">
    <li><a href="/">Water</a></li>
    <li><a href="/">Fire</a></li>
    <li><a href="/">Air</a></li>
    <li><a href="/">Earth</a></li>
    <li><a href="/">Beyond</a></li>
    </ul>
    </body>
    </html>

    结果如图:

  • 相关阅读:
    IO文件
    eclipse快捷键
    异常
    多例模式
    单例模式
    访问控制权限
    系统常见包

    查找
    【avalon】offsetParent
  • 原文地址:https://www.cnblogs.com/chencyl/p/3789524.html
Copyright © 2011-2022 走看看