css表格间距怎么调?

css表格间距怎么调?

在CSS中可以通过相关属性对表格进行控制。

1. 居中对齐

对表格设置width,然后设置

margin: 0 auto;

(相关课程推荐:css视频教程

2. 单元格间距

对表格设置border-collapse为separate,并设置border-spcing(相当于cellspacing)

3. 单元格边距

对td、th设置padding

table {
  width: 400px;
  margin: 0 auto;
  border: medium solid red;
  border-spacing: 20px;
  border-collapse: separate;
  text-align: center;
}
td {
  border: thin solid blue;
  border-radius: 6px;
  padding: 16px;
}

本文来自css3答疑栏目,欢迎学习!

以上就是css表格间距怎么调?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑