HTML创建表格

使用table标签创建表单
使用tr标签创建行,使用td标签创建单元格,th标签为table head的简写,即为表单的表头,从而实现表单的创建
首先需要做的是对单元格以及行列的创建:
例如

		<table>
			<tr style="text-align: center;">
				<th>学号</th>
				<th>姓名</th>
				<th>手机号</th>
				<th>住址</th>
			</tr>
			<tr>
				<td>001</td>
				<td>张三</td>
				<td>123456789</td>
				<td>郑州市高新技术开发区</td>
			</tr>
			<tr>
				<td style="height: 300px; vertical-align: top;">002</td>
				<td>李四</td>
				<td>987654321</td>
				<td style="text-align: center;">北京市海淀区</td>
			</tr>
		</table>

此时只是完成了对表单内容的创建,但是还未设置样式,即表格线以及表单内容样式尚未进行更改,接下来需要对表单的样式进行设计
使用style标签对样式进行设计
例如:

		<style>
			table{
				width: 720px;/*//设置table宽度*/
				margin:0 auto;/*//设置table水平居中*/
				border: black 1px solid;/*//设置边框线为1px*/
				border-spacing: 0px;/*//去掉table标签以及其子标签边框之间的间隙*/
				border-collapse: collapse;/*//去掉重合线*/
			}
			th{
				border: black 1px solid;
			}
			td{
				border: black 1px solid;
			}
		</style>

此时对表单的样式进行了设计,得到了我们预想的结果。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值