<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table,td{
border: 3px solid rgb(88, 121, 39);
}
table{
border-collapse: collapse;
width: 200px;
height: 200px;
}
td{
text-align: center;
vertical-align: top;
background-color: aqua;
color:rebeccapurple;
}
</style> <!--边框大小 边线样式 边线颜色--><!--单边框--><!--表格文本水平居中 垂直居上 表格背景颜色 字体颜色-->
</head>
<body>
<table>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
<tr>
<td>表格</td>
<td>表格</td>
<td>表格</td>
</tr>
</table>
</body>
</html>
添加边框：table,td{boder:大小 边框样式 颜色}
折叠边框，变为单边框table{boder-collaspe:collaspe}
调整宽度和高度table{weight; height}
表格文字对齐：td{text-align: （水平对齐方式） vertical-align:（垂直对齐方式）}
表格填充：td{padding:} 按照规定大小进行
表格颜色：td{background-color:(背景颜色）color:(字体颜色）}
标签：表格,color,align,边框,table,td,CSS,属性 From： https://www.cnblogs.com/songs7/p/17723993.html