又有进展啊，呵呵，小白很顽强啊，别死在web路上---第一个web第二篇

最新推荐文章于 2022-11-08 16:36:52 发布

小白WEB

最新推荐文章于 2022-11-08 16:36:52 发布

阅读量340

点赞数

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

版权

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>

    </title>

    <style>

        body {

            margin: 0;

            padding: 0;

        }

        .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: 35%;
        }
        .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:-80%;
            display: inline;
            float:right ;
            width: 20%;
            height:80px;
            background-color: #f9fa58;
        }

    </style>

</head>

<body>

   <div class="headborder">

       <div class="title">
              <a href="" class="pading1">首页</a>
              <a href="" class="pading2">商店</a>

              <a href="" class="pading3">登陆</a>
              <a href="" class="pading3">注册</a>
              <div class="titleTexture"></div>
       </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 { margin: 0; padding: 0; } .headborder{
复制链接

扫一扫