欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

Html 网页布局（一）_html/css_WEB-ITnose

程序员文章站 2022-04-23 14:43:09
...
                 
    


    2. 

  2.                      
    4.                      
    5.                      
    6.                      
  6. 一列布局混合布局
    7.                      
    8.                      
  8. body {
    9.                      
  9.  margin: 0;
    10.                      
  10.  padding: 0; /*清楚默认样式*/
    11.                      
  11. }
    12.                      

    13.                      
  13. .top {
    14.                      
  14.  height: 100px;
    15.                      
  15.  background: blue;
    16.                      
  16. }
    17.                      
  17. .nav{height:100px;width:1000px;background:#f60;margin:0 auto;}
    18.                      
  18. .main {
    19.                      
  19.  width: 800px;
    20.                      
  20.  height: 600px;
    21.                      
  21.  background: #ccc;
    22.                      
  22.  margin: 0 auto;
    23.                      
  23. }
    24.                      
  24. .left{width:200px;height:600px;background:yellow;float:left;}
    25.                      
  25. .right{width:600px;height:600px;background:#369;float:right;}
    26.                      
  26. .sub_l{width:400px;height:600px;background:#218;float:left;}
    27.                      
  27. .sub_r{width:200px;height:600px;background:green;float:right;}
    28.                      
  28. .sub_r_up{width:200px;height:200px;background:#765;}
    29.                      
  29. .sub_r_down{width:200px;height:300px;background:red;}
    30.                      
  30. .bottom {
    31.                      
  31.  width: 800px;
    32.                      
  32.  height: 100px;
    33.                      
  33.  background: #b0b;
    34.                      
  34.  margin: 0 auto;
    35.                      
  35. }
    36.                      
  36.                      
  37.                      
  38.                      
  39.  
                         
  40.  
    41.                      
  41.  
    42.
  • 相关标签： Html 网页布局（一）

    上一篇： 技嘉展示了一款新型扩展坞:雷电3接口转八个USB 3

    下一篇： 请问怎样实现写入php执行后的多条记录到txt文件，每次刷新就覆盖写入，谢谢

    推荐阅读