首页 > 代码库 > 晚上练习一点

晚上练习一点

2024-08-25 02:34:22   220人阅读

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
        *{
            margin:0px;
            padding:0px;
        }
        .clear{
            clear:both;
        }





/*****************导航栏开始************/
        .top{
        width:100%;
        height:58px;
        background-color:#191D3A;
        position:fixed;
        top:0px;
        left:0px;border:1px solid red;margin:0 auto;

        }
        
        .top .dhl{
            width:1000px;
            height:58px;margin:0 auto;border:1px solid red;
                }


        .top img{
            float:left;    
        }
            
        .top .dhl ul li{
            list-style:none;
            float:left;
            height:58px;
            line-height:58px;
            width:100px;
            text-align:center;
            border-right:1px solid #252947;
        
        }

        .top .dhl ul .sy{
            background-color:#252947;
        }

        a{    display:block;
            height:58px;
            width:100px;
            text-decoration: none;/*清除下划线*/
            color:#818496;
        }
        a:hover{
            color:#fff;
        }
        
        .top .dhl .jrwm{
                width:100px;
                height:34px;
            float:left;
            position:fixed;top:12px;right:210px;border:1px solid red;
            
        }
/*****************导航栏结束************/
     .q{width:100%; height:200px; border:1px solid red;}

    /*.z{
        width:100%
        height:100px;
    /*background: url(images/03.jpg) no-repeat center center;
    border:1px solid red;
    }*/

    </style>
    <script type="text/javascript"></script>
</head>
<body>
    <div class=‘top‘>
        <div class=‘dhl‘>
            <img src=http://www.mamicode.com/‘images/01.png‘>"clear"></div>
    </div>
</body>
</html>

效果图:

技术分享

 

晚上练习一点


联系
我们