首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从表单元格中删除边框

从表单元格中删除边框
EN

Stack Overflow用户
提问于 2012-04-13 04:58:24
回答 9查看 305.1K关注 0票数 47

我知道这是一个愚蠢的问题,但我似乎完全忘记了怎么做。

我有一个超文本标记语言table,我想删除所有单元格周围的所有边框,以便整个表格周围只有一个边框。

我的代码看起来像这样:

<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>
EN

回答 9

Stack Overflow用户

回答已采纳

发布于 2012-04-13 05:07:59

只需折叠表格边框并移除表格单元格(td元素)的边框。

table {
    border: 1px solid #CCC;
    border-collapse: collapse;
}

td {
    border: none;
}

如果不显式设置border-collapse,就不能保证表单元格边框的跨浏览器删除。

票数 80
EN

Stack Overflow用户

发布于 2012-04-13 05:40:00

用于此目的的超文本标记语言属性是rules=none (插入到table标记中)。

票数 16
EN

Stack Overflow用户

发布于 2012-04-13 05:01:49

<style type="text/css">
table {
  border:1px solid black;
}
</style>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10131729

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档