CSS中如何设置td元素之间的上下间距

CSS中如何设置td元素之间的上下间距

在css中，通过设置表格的border-spacing属性，便可实现td之间的上下间距设置。下面小编举例讲解CSS中如何设置td元素之间的上下间距。

新建一个html文件，命名为test.html，用于讲解CSS中如何设置td元素之间的上下间距。

在test.html文件内，使用table，tr，td标签创建一个两行两列的表格，并使用border属性设置表格的边框为1px。

在test.html文件内，给table表格添加一个class属性，用于设置下面样式的设置。

在test.html文件内，编写标签，页面的css样式将写在该标签内。

在css标签内，通过class（mytable）设置表格的的样式，使用border-spacing设置表格中td的上下间距为50px。

在浏览器打开test.html文件，查看实现的效果。

1、创建一个test.html文件。

2、使用table，tr，td标签创建一个两行两列的表格。

3、在css标签内，设置表格的的样式，使用border-spacing设置表格中td的上下间距。