css如何设置表格间距

css设置 表格间距 的方法：1、使用padding属性对table的td元素进行样式设置，语法“td{padding:数值}”；2、直接在 table标签 内使用cellpadding属性，语法“cellpadding:数值”。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

新建一个html文件，命名为 test .html，用于 讲解 css中控制table单元格的间距。

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

在test.html文件内，使用tr、td两个标签创建表格为两行两列，代码如下：

在test.html文件内，编写<style ty PE ="text/css"></style>标签，页面的css样式将写在该标签内。

在css标签中，对table的td元素进行样式设置，使用padding属性设置单元格的间距为10px，即单元格的 内边距 为10px。

除了上面的方法外，还可以使用cellpadding属性直接在table标签内设置，实现单元格的间距定义。

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

推荐学习：css视频教程

以上就是css如何设置表格间距的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css如何设置表格间距 全部内容，希望文章能够帮你解决 css如何设置表格间距 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css如何设置表格间距的详细内容...