要去掉HTML表格的边框,可以使用CSS样式,具体操作如下:
(图片来源网络,侵删)1、在HTML文件中创建一个表格,
<!DOCTYPE html> <html> <head> <style> table { bordercollapse: collapse; width: 50%; } th, td { border: none; padding: 8px; textalign: left; } th { backgroundcolor: #f2f2f2; } </style> </head> <body> <h2>无边框表格</h2> <table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>张三</td> <td>25</td> </tr> <tr> <td>李四</td> <td>30</td> </tr> </table> </body> </html>
2、在上面的代码中,我们使用了bordercollapse: collapse;
属性来合并单元格边框,我们使用border: none;
属性来去掉每个单元格的边框。
3、我们还为表头(th
)添加了背景颜色,使其与无边框的单元格区分开。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。