首页帮我实现以下功能：一个网站上有个两列三行的表格，两列之间用渐变的红色竖线隔开，请给我完整的文件代码

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

时间: 2023-06-01 11:04:14 浏览: 80

<!DOCTYPE html> <html> <head> <title>Table with Gradient Border</title> <style> .table { border-collapse: collapse; width: 50%; margin: auto; } .table td { padding: 10px; text-align: center; border: 1px solid #ccc; } .table td:first-child { border-right: none; background-image: linear-gradient(to bottom, #ff0000 0%, #ff0000 100%); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } </style> </head> <body> <table class="table"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> <tr> <td>Cell 5</td> <td>Cell 6</td> </tr> </table> </body> </html>

阅读全文