table布局

-dzy-

于 2017-03-27 20:16:02 发布

阅读量1k

点赞数 1

分类专栏： Java Web 文章标签： html table布局

本文链接：https://blog.csdn.net/qq_34803572/article/details/66975784

版权

Java Web 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

表格结构：

代码：

<!DOCTYPE html>
<html>

	<head>
	</head>

	<body>
		<table style="width:100%;heigh:100%;"border="3">

			<th colspan="3" style="background-color:red;height:200px;">
				
			</th>

			<tr>
				<td width="20%" style="background-color:green;height:1000px;
					width:20%;align:top;">
					
				</td>
				<td width="60%" style="background-color:yellow;height:1000px;width:60%;
					text-align:center;">
					<table border="3" width="100%" height="1000px">
						<tr>
							<td  width="50%" height="500px">
								
							</td>
							<td  width="50%" height="500px">
								
							</td>
						</tr>
						
						<tr>
							<td  width="50%" height="500px">
								
							</td>
							<td  width="50%" height="500px">
								
							</td>
						</tr>
					</table>
				</td>
				<td width="20%" style="background-color:blue;height:1000px;width:20%;">
					
				</td>
			</tr>

			<td colspan="3" style="background-color:grey;height:100px;text-align:center">
				
			</td>

		</table>
	</body>
</html>

效果：

-dzy-

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table布局

<td width="20%" style="background-color:green;height:1000px; width:20%;align:top;"> <td width="60%" style="background-color:yellow;height:1000px;width:60%; text-align:center;"
复制链接

扫一扫

专栏目录