首页 > 代码库 > 4.3 HTML5布局的使用

4.3 HTML5布局的使用


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布局的使用