htmltable加不同颜色边框

在HTML中，如果你想要为表格添加不同颜色的边框，你需要结合HTML结构和CSS样式来实现。首先，在HTML中创建一个`<table>`元素，并使用`<tr>`标签表示行，`<td>`或`<th>`标签表示单元格。然后，利用CSS的`:hover`伪类为鼠标悬停时改变边框颜色，或者直接在`.row1`, `.row2`, 等类上应用不同的背景色和边框颜色。

例如：

<style>
table {
  border-collapse: separate; /* 保持每个边框独立 */
}

/* 定义默认样式 */
tr {
  border-color: #ccc;
}

/* 鼠标悬停效果 */
tr:hover {
  border-color: blue;
}

/* 每一行有不同的颜色 */
.row1 {
  border-color: red;
}

.row2 {
  border-color: green;
}

/* 单元格样式 */
td {
  border-width: 1px;
  border-style: solid;
}
</style>

<table>
  <tr class="row1">
    <td>第一行第一列</td>
    <td>第一行第二列</td>
  </tr>
  <tr class="row2">
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
</table>

在这个例子中，`.row1`和`.row2`下的行会有红色和绿色的边框，而当鼠标悬停在单元格上时，所有边框会变为蓝色。