zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    CentOS7 配置163 yum源(详细步骤)
    从构建分布式秒杀系统聊聊分布式锁
    互联网架构“高并发”
    互联网架构“高可用”
    FineCMS
    layUI表单事件监听-事件监听机制简化处理
    界面优雅的UI框架layUI
    如果OCX使用onmousedown和onmouseup来决定指令发送和指令停止会不会有问题?
    CSS字体库font-face用法及跨域问题
    RequireJS被外部调用
  • 原文地址:https://www.cnblogs.com/beens/p/5315243.html
Copyright © 2011-2022 走看看