• 360首页格式布局


    360HTML代码:

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>360</title>
     6 <link href="Untitled-360.css" rel="stylesheet" type="text/css" />
     7 </head>
     8 
     9 <body leftmargin="200" rightmargin="200" topmargin="100">
    10 <div id="a">a</div>
    11 <div id="a1">a1</div>
    12 <div id="all">
    13 <div id="b">b</div>
    14 <div id="b1">b1</div>
    15 <div id="b2">b2</div>
    16 <div id="b3">b3</div>
    17 <div id="c">c</div>
    18 <div id="c1">c1</div>
    19 <div id="c2">c2</div>
    20 </div>
    21 <div id="c3">d</div>
    22 
    23 
    24 
    25 </body>
    26 </html>
    View Code

    CSS样式表代码:

     1 @charset "utf-8";
     2 /* CSS Document */
     3 
     4 <style>
     5 *
     6 {margin:0px;/*边距*/
     7 padding:0px;}/*间距*/
     8 #all
     9 {
    10     display:table;
    11     height:0px;
    12     margin:0px auto;
    13     padding:0px;}
    14 #a
    15 {
    16     border:2px solid #000;
    17     height:150px;
    18     }
    19 #a1
    20 {
    21     border:2px solid #000;
    22     height:50px;
    23     margin-top:10px;}
    24 #b
    25 {
    26     border:2px solid #000;
    27     margin-top:10px;
    28     float:left;
    29     height:200px;
    30     width:250px;}
    31 #b1
    32 {
    33     border:2px solid #000;
    34     margin-top:10px;
    35     float:right;
    36     height:250px;
    37     width:675px;
    38     }
    39 #b2
    40 {
    41     border:2px solid #000;
    42     float:left;
    43     margin-top:10px;
    44     height:100px;
    45     width:250px;}
    46 #b3
    47 {
    48     border:2px solid #000;
    49     margin-top:10px;
    50     float:right;
    51     height:200px;
    52     width:675px;}
    53 #c
    54 {
    55     border:2px solid #000;
    56     float:left;
    57     margin-top:10px;
    58     height:800px;
    59     width:250px;}
    60 #c1
    61 {
    62     border:2px solid #000;
    63     float:right;
    64     margin-top:10px;
    65     height:500px;
    66     width:675px;}
    67 #c2
    68 {
    69     border:2px solid #000;
    70     float:right;
    71     margin-top:10px;
    72     height:135px;
    73     width:675px;}
    74 #c3
    75 {
    76     border:2px solid #000;
    77     margin-top:10px;
    78     height:200px;
    79     }
    80 
    81 </style>
    View Code
  • 相关阅读:
    关于机器学习系统的方向
    图像去雾
    中国九十年代摇滚
    matlab 将数字矩阵转换成图像
    vue-router路由守卫ie浏览器下报错问题解决
    vue:index.html、main.js、app.vue
    vue关于for循环
    element-ui表单校验
    记录vue组件引入components两次的后果
    vue组件通信
  • 原文地址:https://www.cnblogs.com/beens/p/5315243.html
Copyright © 2020-2023  润新知