帮我实现以下功能：一个网站上有个两列三行的表格，两列之间用渐变的红色竖线隔开

以下是一个实现该功能的HTML和CSS代码示例：

HTML代码：

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
  <tr>
    <td>单元格5</td>
    <td>单元格6</td>
  </tr>
</table>

CSS代码：

table {
  border-collapse: collapse;
  width: 100%;
}

td {
  padding: 10px;
  border: 1px solid #ccc;
}

td:first-child {
  border-right: none;
}

td:last-child {
  border-left: none;
}

td + td {
  background: linear-gradient(to left, #ff0000 0%, #ff0000 1px, transparent 1px, transparent 100%);
}

解释：

- `table`元素设置为`100%`宽度，并将表格边框合并。
- `td`元素设置`10px`的内边距和`1px`的灰色边框。`first-child`和`last-child`选择器分别移除左右边框。
- `td + td`选择器选择相邻的`td`元素，并应用渐变背景色。渐变色从左到右为红色渐变。将第一个`td`元素的右边框与第二个`td`元素的左边框重叠，使其看起来像是一个竖线。