html 中div布局的简单使用

 时间:2024-11-08 21:27:57

1、观察图片构成。总共十一个板块。首先要有一个大的div包含所有,背景色等。

html 中div布局的简单使用

3、.a1{ height: 80px; width: 200px; background: #fff; margin-left: 50px; margin-top: 10px; margin-right: 10px; float: left;

html 中div布局的简单使用

5、.a5{ height: 80px; width: 150px; background: #fff; margin-left: 50px; margin-top: 10px; margin-right: 10px; float: left; } .a6{height: 80px; width: 150px; background-color: #fff; margin-top: 10px; float: left; } .a7{height: 50px; width: 310px; background-color: #fff; margin-top: 10px; margin-left: 50px; float: left; } .a8{ height: 80px; width: 150px; background: #fff; margin-left: 50px; margin-top: 10px; margin-right: 10px; float: left; }

html 中div布局的简单使用

7、</head> <body> <div > <div class="background"> <div class="a1">1</div> <div class="a2">2</div> <div class="a3">3</div> <div class="a4">4</div> <div class="a5">5</div> <div class="a6"> 6</div> <div class="a7">7</div> <div class="a8">8</div> <div class="a9">9</div> <div class="a10">10</div> <div class="a11">11</div> </div> </div> </body></html>

  • PHP教程 使用定界符定义字符串
  • div+css如何控制背景图片全显示出来?
  • 网站导航栏如何设置二级页面到下拉菜单中
  • Axure RP教程:怎么自定义形状
  • 奇偶校验码怎么算
  • 热门搜索
    山东泰山旅游攻略 什么app可以赚钱 牛奶可以美白吗 临时牌照可以上高速吗 怎么梳丸子头 鸡精吃多了会怎么样 小孩烫伤怎么办 夫妻分居多长时间可以自动离婚 转租合同怎么写 柳州旅游攻略必玩的景点