手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html表格如何加边框,设置字与表格之间边距居中

时间:2024-11-03 20:58:54

讲解html,xhtml中table标签下border,cellspacing,cellpadding属性,实现表格的加边框,如何设置字间边距,居中显示

操作演示

1、我们先写一个最基本的表格,网站背景改成黑色,表格的字会显示为白色

html表格如何加边框,设置字与表格之间边距居中

2、然后我们为表格加上边框,使之看起来更像表格,在此演示border为6和16的样子

html表格如何加边框,设置字与表格之间边距居中
html表格如何加边框,设置字与表格之间边距居中

3、接着我们为table标签加上cellspacing属性,使得存储格框线的宽度变大。

html表格如何加边框,设置字与表格之间边距居中

4、如果要改变字与表格之间的间距,即要设置table下的cellpadding属性。

html表格如何加边框,设置字与表格之间边距居中

5、如果要使表格居左,居右,居中。只要设置table下的align属性。

html表格如何加边框,设置字与表格之间边距居中
© 手抄报圈