在 HTML 中，table（表格）标签是用来创建表格的，同时，我们可以使用 CSS 来动态的改变表格的样式，创造出美观又实用的表格。

table {border-collapse: collapse; /* 删除表格的边框 */width: 100%; /* 表格占满整个屏幕 */margin: auto; /* 设置居中 */}td, th {border: 1px solid black; /* 设置表格边框的样式 */padding: 10px; /* 设置表格单元格的内边距 */}th {background-color: #F8F8F8; /* 设置表头的背景色 */font-weight: bold; /* 设置表头文本粗体 */text-align: center; /* 设置表头文本居中 */}

表格的样式设置可以通过 CSS 中的 table 属性来实现，下面是一些常用的 table 属性：

table {width: 100%; /* 表格的宽度 */border: 1px solid black; /* 表格边框的样式 */border-collapse: collapse; /* 合并相邻单元格的边框 */text-align: center; /* 文本居中 */background-color: #F8F8F8; /* 背景色设置 */}

table 标签中还有一些其他的属性可以使用，比如 caption（表格标题）、thead（表头）和 tbody（表格主体）等，这些属性可以帮助我们更好的组织表格数据，提高表格的可读性。

电影票房排行榜
排名
电影名称
票房
1
复仇者联盟4
43.76亿
2
流浪地球
30.81亿

总之，table 标签是在 HTML 中用来创建表格的标签，而 CSS 中的 table 属性则是用来设置表格的样式，包括边框样式、文本居中和背景色等，通过使用这些属性，我们可以创造出美观实用的表格。