css单元格边距的表格 |css怎么让文字动起来

table {
border-collapse: collapse;
margin: 10px; /*设置表格与周围元素的边距*/
}
td {
border: 1px solid black;
padding: 5px; /*设置单元格内部内容与边框间的边距*/
text-align: center;
}
th {
background-color: gray;
color: white;
padding: 10px;
}

上面代码中，大家使用了table标签和td标签分别表示表格和一个单元格，在CSS样式中，使用“border-collapse: collapse;”来设置表格的边框合并效果。通过“margin: 10px;”可以设置表格与周围元素的边距为10px。使用“border: 1px solid black;”来设置单元格的边框为1px黑色实线，同时使用“padding: 5px;”来设置单元格内部内容与边框间的边距为5px，让内容更加美观。最后，使用“text-align: center;”来设置单元格内部内容水平居中对齐。

对于表头单元格，大家可以使用th标签来定义。通过“background-color: gray;”来设置表头单元格的背景颜色为灰色，同时使用“color: white;”来设置表头单元格的文字颜色为白色。而“padding: 10px;”可以让表头单元格的内部内容与边框间的边距更加明显，实现更好的视觉效果。

通过CSS单元格边距的设置，可以让表格的外观更加美观，同时增加表格的可读性和可用性。在实际开发过程中，大家可以根据具体需求来调整单元格边距，实现更好的排版效果。