圣杯布局主要用到 两个属性 一个是colspan 和 rowspan 来设置跨列和跨行的设置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>圣杯布局</title>
</head>
<!-- 圣杯布局主要用到 两个属性 一个是colspan 和 rowspan 来设置跨列和跨行的设置 -->
<body>
<div>
<table width="1000" height="800" border="1" cellspacing="0" >
<tr>
<td colspan="3" height="200" bgcolor="gold"> <h1>上面部分</h1></td> </tr>
<tr>
<td width="150" bgcolor="pink"><h1>中左</h1></td>
<td bgcolor="black"><h1>中中</h1></td>
<td width="150" bgcolor="blue"><h1>中右</h1></td>
</tr>
<tr >
<td colspan="3" height="200" bgcolor="red"><h1>下</h1></td>
</tr>
</table>
</div>
</body>
</html>
具体的布局如下 在td 中可以用 width 和 height bgcolor直接来设置一些简单的属性
446
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
