首页 > 代码库 > 第三天

第三天

2024-08-21 20:58:36   225人阅读

<html leng="en">
<head>
    <meta charset="utf-8">
    <title>标签应用</title>
    <style></style>
    <script type="text/javascript">
    </script>
    <style type="text/css">
        body{margin:0;padding:0;background-color:#F8E6E6;}
        ul,li{margin:0;padding:0;}
        .zong{height:176px;border:1px solid #cc0000;background-image: url(img/1.png)}
        .top{width:1200px;height:auto;margin:0 auto;margin-top:20px;}
        .top ul{float:right;}
        .top ul li{border-right:2px solid #ffffff;float:left;list-style:none;text-align:center;
        width:145px;height:60px;line-height:76px;}
        a{font-size:18px;text-decoration:none;color:#ffffff;height:60px;width:120px;margin:0 auto;line-height:60px;display:block;}
        a:hover{color:#ff3399;background:#ffffff;}
        .top-xia{width:1200px;height:50px;margin:0 auto;margin-top:24px;}
        .top-xia ul{float:left;}
        .top-xia ul li{float:left;list-style:none;text-align:center;width:120px;height:63px;}
        .top-xia ul li a{color:#BF4D4D;height:50px;width:100px;display:block;line-height:50px;}
        .top-xia ul li a:hover{background:#F8E6E6;}
        .zhong{width:1200px;height:1000px;margin:0 auto;}
        .zhong-shang{height:53px;background-color:#ffffff;}
        .zhong-shang span{height:53px;line-height:30px;margin:0 auto; display:block;width:320px;}
        .zhong-shang span select{height:30px;background-color:#EDBEBE;}
        .zhong-shang span input{height:30px;margin-left:-8px;}
        .zhong-zhong{height:300px;}
        .xia{height:30px;background-color:#EEC0C0;}
        .xia-xia{height:30px;margin:0 auto;width:1200px;background-color:#EEC0C0;}
        .xia-xia ul{float:left;}
        .xia-xia ul li{float:left;list-style:none;text-align:center;width:120px;height:60px;}
        .xia-xia ul li a{border-right:1px solid #66ccff;height:30px;width:75px;line-height:30px;}
        .xia-you{float:left;line-height:30px;}
    </style>
</head>
<body >
    <div class=‘zong‘>
    <div class=‘top‘>
        <img src="img/logo.gif">
        <ul>
            <li><a href="#">网站模板</a></li>
            <li><a href="#">个人网站模板</a></li>
            <li><a href="#">个人网页制作</a></li>
            <li><a href="#">html网页模板</a></li>
            <li><a href="#">网制作公司</a></li>
            <li><a href="#">网页制作</a></li>
        </ul>
        
    </div>
    <div class="top-xia">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">网页模板</a></li>
            <li><a href="#">图标</a></li>
            <li><a href="#">网页特效</a></li>
            <li><a href="#">字体</a></li>
            <li><a href="#">PPT模板</a></li>
            <li><a href="#">帮助</a></li>
        </ul>
    </div>
    <div class="zhong">
        <div class="zhong-shang">
            <span>
                <select  name="值">
                    <option  value="值">请选择以下城市</option>
                    <option  value="值">北京市</option>
                    <option  value="值">上海市</option>
                    <option  value="值">广州市</option>
                    <option  value="值">深圳市</option>
                </select>
                <input type="text">搜索
            </span>
        </div>
        <div class="zhong-zhong">
            <marquee>
                <img src="img/divcss.jpg">
                <img src="img/5.jpg">
                <img src="img/404.jpg">
            </marquee>
        </div>
    </div>
    <div class="xia">
        <div class="xia-xia">
            <ul>
                <li><a href="#">关于本站</a></li>
                <li><a href="#">下载须知</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">网站地图</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">返回首页</a></li>
            </ul>    
            <div class="xia-you">
                Copyright &copy 2007-2011 mobanwang.com Inc.All rights reserved 
            </div>
        </div>
    
    <div>
    </div>
</body>
</html>

 

 

 

　　试图如下

技术分享

 

第三天


联系
我们