第一个人生web代码，结束了，人生web第一格言：打死也要百分比

最新推荐文章于 2023-04-15 22:22:49 发布

小白WEB

最新推荐文章于 2023-04-15 22:22:49 发布

阅读量430

点赞数

本文链接：https://blog.csdn.net/zphero2015/article/details/50056647

版权

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>

    </title>

    <style>



        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
        body { font-size:12px; color:#666; font-family:Verdana, Microsoft YaHei, Simsun; background:#fff; line-height:24px; }
        fieldset, img { border:0; }
        ol, ul { list-style:none; }
        h1, h2, h3, h4, h5, h6{ font-size:100%; }
        em { font-style:normal; }
        input, button, select, textarea { outline:none; }
        textarea { resize:none; } //禁用了文本的拖拉，尤其在谷歌下
                                    p{ text-align:justify; text-justify:distribute;} //为了使文本段落左右两边对齐

                                                                                       a { color: #666; text-decoration:none; }
        a:hover { color: #f60; text-decoration:none;
        }



        .headborder{

            width:60%;

            height:500px;

            margin:0 auto;

            background-color: #00cccd;

        }

        .title{

         position: relative;

            top: 50px;

            width: auto;

            height: 30px;

            background-color: #c1ff00;

        }

        .WeX5{

            width:60%;

            height:500px;

            margin:0 auto;

            background-color: #000000;

        }

        .title  .pading1{
            float: left;
            line-height:30px;
            text-decoration: none;
            margin-left: 15%;
        }
        .title .pading2{
            float: left;
            line-height:30px;
            text-decoration: none;
            margin-left: 5%;
        }
        .title .pading3 {
            float: right;
            line-height: 30px;
            text-decoration: none;
            margin-right: 5%;
        }
        .title .titleTexture{
            position: relative;
            right:7.5%;
            top:-90%;
            display: inline;
            float:right ;
            width: 240PX;
            height:90px;
            background-repeat: no-repeat;
            background-position:55%;
            background-size: 100%;
            background-image: url("https://img-blog.csdn.net/20151126152030594?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center");
            background-color: #f9fa58;
        }
        .title .titieICON{
            position: relative;
            left:7.5%;
            top:-140%;
            display: inline;
            float:left ;
            width: 120px;
            height:120px;
            background-color: #c1ff00;
        }
        .sexHero{
            position: relative;
            top:30%;
            left:5%;
            width: 220px;
            height:300px;

            background-image: url("https://img-blog.csdn.net/20151126150642051?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center");
            background-color: #f9fa58;
        }
    </style>

</head>

<body>

   <div class="headborder">

       <div class="title">
              <div class="titieICON"></div>
              <a href="" class="pading1">首页</a>
              <a href="" class="pading2">商店</a>
              <a href="" class="pading2">开发中...</a>
              <a href="" class="pading3">登陆</a>
              <a href="" class="pading3">注册</a>
              <div class="titleTexture"></div>

       </div>
       <div class="sexHero"></div>


   </div>

   <div class="WeX5">

   </div>

</body>

</html>

小白WEB

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一个人生web代码，结束了，人生web第一格言：打死也要百分比

html>html>head lang="en"> meta charset="UTF-8"> title> title> style> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockq
复制链接

扫一扫