美文网首页
HTML表格

HTML表格

作者: Tn299 | 来源:发表于2019-03-08 16:25 被阅读0次

表格的基本语法

image.png

表格标签<table>……</table>;
行标签<tr>……</tr>,可以有多行;
单元格标签<td>……</td>


image.png

border:边框属性,用于指定边框的宽度。
width:设置表格在浏览器的宽度。
align:表格对齐方式,其取值有:center、left、right

单元格对齐方式

image.png
image.png

演示中单元格内的内容右对齐,低端对齐,单元格长60宽660。

表格的跨行和跨列

跨列是指单元格的横向合并。


image.png

先打大框架!!!

例: image.png
image.png

跨行是指单元格在垂直方向向上合并。


image.png
例: image.png
image.png

先打大框架!!!

cellpadding:单元格与边框距离
cellspacing:单元格与单元格之间的距离

相关文章