html – 从表格单元格中移除边框

概述我知道这是一个愚蠢的问题,但我似乎完全忘记了如何做到这一点. 我有一个HTML表,我想删除所有单元格周围的所有边框,以便整个表格上只有一个边框. 我的代码看起来像： <table border='1' width='500'> <tr><th><h1>Your Wheelbarrow</h1></th><tr> <th>Product</th> <th>Description< 我知道这是一个愚蠢的问题,但我似乎完全忘记了如何做到这一点.

我有一个HTML表,我想删除所有单元格周围的所有边框,以便整个表格上只有一个边框.

我的代码看起来像：

<table border='1' wIDth='500'>  <tr><th><h1>Your Wheelbarrow</h1></th><tr>    <th>Product</th>    <th>Description</th>    <th>Price</th>    <th>Quantity</th>    <th>Total</th>    <th>Delete</th>  </tr>

解决方法 只需折叠表格边框并从表格单元格(td元素)中删除边框.

table {    border:1px solID #CCC;    border-collapse:collapse;}td {    border:none;}

编辑：没有边框崩溃跨浏览器移除表格单元格是不能保证的.

总结

以上是内存溢出为你收集整理的html – 从表格单元格中移除边框全部内容，希望文章能够帮你解决html – 从表格单元格中移除边框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。