请给我完整的文件代码实现以下功能:一个网站上有个两列三行的表格,两列之间用渐变的红色竖细线隔开,渐变为从上下两端向中间逐渐加深
时间: 2023-06-01 15:04:20 浏览: 101
<!DOCTYPE html>
<html>
<head>
<title>渐变竖线表格</title>
<style type="text/css">
table {
border-collapse: collapse;
width: 80%;
margin: auto;
}
td {
padding: 10px;
border-bottom: 1px solid #ccc;
text-align: center;
}
.col1 {
border-right: none;
background: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,1));
}
.col2 {
border-left: none;
background: linear-gradient(to top, rgba(255,0,0,0), rgba(255,0,0,1));
}
</style>
</head>
<body>
<table>
<tr>
<td class="col1">1</td>
<td class="col2">2</td>
</tr>
<tr>
<td class="col1">3</td>
<td class="col2">4</td>
</tr>
<tr>
<td class="col1">5</td>
<td class="col2">6</td>
</tr>
</table>
</body>
</html>
阅读全文
相关推荐















