前端学习笔记-05表格

最新推荐文章于 2024-09-07 14:03:53 发布

KathyLJQ

最新推荐文章于 2024-09-07 14:03:53 发布

阅读量116

点赞数

分类专栏： HTML和CSS布局

本文链接：https://blog.csdn.net/KathyLJQ/article/details/113899256

版权

本文介绍了前端表格元素table的使用，包括设置列宽和对齐的两种方法，以及表格合并的技巧。通过实例演示了如何在td中设置width和align属性，以及利用col和tr元素进行更复杂的布局控制。此外，还提到了简历制作案例，展示了快速创建6行7列表格的方法和使用colgroup进行表头及多列属性设定。

摘要由CSDN通过智能技术生成

表格元素table
设置列宽和对齐的两种方法

第一种：在单元格元素td里面设置width 和align属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="2px" cellspacing="0" cellpadding="">		
			<tr>
				<td align="center" width="100px">星期</td>
				<td align="center" width="150px">星期一</td>
				<td align="center" width="150px">星期二</td>
				<td align="center" width="150px">星期三</td>
				<td align="center" width="150px">星期四</td>
				<td align="center" width="150px">星期五</td>
				<td align="center" width="150px">星期六</td>
				<td align="center" width="150px">星期日</td>
			</tr>
			<tr>
				<td align="center"></td>
				<td align="center">Monday</td>
				<td align="center">Tuesday</td>
				<td align="center">Wednesday</td>
				<td align="center">Thursday</td>
				<td align="center">Friday</td>