请记住投稿邮箱是：203239351@qq.com 注册联系QQ203239351
传统table表格布局：
布局的方式有很多，比如，传统table表格布局、固定布局、position定位布局、浮动布局、流体布局、多列布局、弹性伸缩布局、兼容响应式布局等等，今天给大家介绍的是传统表格布局
传统table表格布局效果：
传统table表格布局代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS传统布局上</title>
<style>
body{
margin: 0;
}
table{
width: 960px;
margin: 0 auto;
/*border-spacing: 0px;//让表格边框变成一条线*/
border-collapse: collapse;
/*border-collapse: collapse;让表格边框的线更细*/
}
.header{
height: 120px;
background-color: olive;
}
.aside{
background-color: purple;
height: 500px;
width: 200px;
}
.section{
background-color: maroon;
width: 760px;
}
.footer{
height: 120px;
background-color: sandybrown;
}
</style>
</head>
<body>
<table border="0">
<tr>
<td colspan="2" class="header">header</td>
</tr>
<tr>
<td class="aside">aside</td>
<td class="section">section</td>
</tr>
<tr>
<td colspan="2" class="footer">footer</td>
</tr>
</table>
</body>
</html>传统table表格布局注意点：
传统的表格布局
特点：
布局方法十分简单，但是现在网络上已经不常用了，使用此布局方法的网站十分少，只有一些教育网或者政府网可能还保留了此种布局方法，
一旦显示屏分辨率低于网页总大小，会导致网页显示不完整，则会在下面出现横拉框
宗波尘客(www.zbck123.com)宗九尘博客 联系QQ：203239351
