码迷,mamicode.com
首页 > Web开发 > 详细

4.3 HTML5布局的使用

时间:2017-02-02 13:58:53      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:type   使用   style   单元格   log   新建   html5   margin   样式   


1.使用div元素布局
为div元素指定id属性;
新建style属性,在其中分别置顶div元素的样式属性width、height、background-color(宽、高、背景)示例如下:

<style type="text/css">
div#div的id值{
width:100%;
height:950px;
background-color:blue;
float:left;
}
</style>

body指定属性margin:0px 可以使边距为0;
灵活使用float:left 、clear:both 属性可以实现水平布局

2.使用table元素布局
新建一个<table>并新建<tr>
指定<table>和<td>的 width、height、style中的background-color属性

colspan属性可以合并单元格

4.3 HTML5布局的使用

标签:type   使用   style   单元格   log   新建   html5   margin   样式   

原文地址:http://www.cnblogs.com/moluo/p/6361119.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!