zoukankan html css js c++ java

导航下拉菜单代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
        <style type="text/css">
            #nav{
                 80%;
                height: 100px;
                /*border: 8px solid red;*/
                margin: 0px auto;
                margin: 上 右 下 左;
                /*overflow: scroll;*/
            }
            .nav-banner{
                /*border: 4px solid black;*/
                text-align: center;
                line-height: 100px;
                 20%;
                height: 100px;
                float: left;
                position: relative;
            }
            .nav-banner:hover{
                background-color: #000000;
                color: white;
                cursor: pointer;
            }
        </style>
    </head>
    <body>
        <div id="nav">
            <div class="nav-banner">第1导航</div>
            <div class="nav-banner">第2导航</div>
            <div class="nav-banner">第3导航</div>
            <div class="nav-banner">第4导航</div>
            <div class="nav-banner">第5导航</div>
        </div>
    </body>
</html>

查看全文

相关阅读:
搞懂树状数组
 C#接口（Interface）
C#接口（Interface）
C#运算符的重载
 C#和C++的区别（一）
hdu1874 畅通工程续
 hdu1874 畅通工程续
 C#多态性
 C#多态性
 C#继承

原文地址：https://www.cnblogs.com/jc535201285/p/6215760.html