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

css如何设置表格间距

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

css如何设置表格间距

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

css如何设置表格间距

css如何设置表格间距

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

css如何设置表格间距

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

css如何设置表格间距

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

css如何设置表格间距

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

css如何设置表格间距

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。