简易网易注册页面

最新推荐文章于 2022-08-07 21:50:21 发布

山楂不甜

最新推荐文章于 2022-08-07 21:50:21 发布

阅读量372

点赞数

分类专栏： css 笔记 html 文章标签：网易 css html5

本文链接：https://blog.csdn.net/Veronnit/article/details/118859227

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易注册界面</title>
  <style>
    /*1.清空默认边距*/
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
     
      margin:0;
      padding:0
    }
    /*2.青空默认的样式*/
    a{
     
      text-decoration: none;
      /*font-size: 12px;*/
      color: #ccc;
    }
    ul,ol{
     
      list-style: none;
    }
    /*3.利用body设置整个界面的文字信息（文字大小 文字字体 文字颜色）*/
    body{
     
      font-size: 12px;
      font-family: “宋体”;
      color: #333;
    }
    .header{
     
      width: 960px;
      height: 80px;
      /*background-color: red;*/
      margin: 0 auto;
      /*父子关系最好用padding*/
      padding-top: 28px;
      /*防止整个盒子的宽高发生变化*/
      box-sizing: border-box;
    }
    .header .logo{
     
      width: 644px;
      height: 27px;
      background: url("images/glb_v2.png");
      float: left;
    }
    .header .logo a{
     
      width: 130px;
      height: 27px;
      /*background-color: blue;*/
      display: inline-block;
    }
    .header .links{
     
      float: right;
      width: 200px;
      height: 27px;
      /*background-color: red;*/
      text-align: right;
    }
    .header .links a{
     
      /*text-decoration: none;
      font-size: 12px;
      color: #ccc;*/
      /*保证在父控件中垂直居中*/
      line-height: 27px;
      /*text-align: right;*/
    }
    .content{
     
      width: 960px;
      height: 600px;
      background-color: green;
      margin: 0 auto;
    }
    .content .top{
     
      width: 960px;
      height: 38px;
      /*background-color: red;*/
      background: url("images/line-center.png") repeat-x;
    }
    .content .left{
     
      width: 960px;
      height: 38px;
      /*不需要平铺，水平方向上靠左，垂直方向上0*/
      background: url("images/line-left.png") no-repeat left 0;
    }
    .content .right{
     
      width: 960px;
      height: 38px;
      background: url("images/line-right.png")no-repeat right 0;
    }
    .content .right h1{
     
      color: white;
      /*font-size: 12px;*/
      /*保证在父控件中垂直居中*/
      line-height: 38px;
      text-indent: 2em;
    }
    .content .bottom{
     
      width: 960px;
      height: 562px;
    }
    .content .bottom .article{
     
      width: 642px;

最低0.47元/天解锁文章

山楂不甜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易网易注册页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网易注册界面</title> <style> /*1.清空默认边距*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,
复制链接

扫一扫