首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >表格边框,但不是单元格边框

表格边框,但不是单元格边框
EN

Stack Overflow用户
提问于 2014-05-22 19:16:16
回答 2查看 11.1K关注 0票数 3

有没有一种方法可以显示一个HTML表格,在整个表格周围有一个边框,而不是其中的单元格?不推荐使用表格边框属性而支持CSS,但是边框属性和建议的CSS替换都概述了单个单元格和表格。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-22 19:22:06

代码语言:javascript
复制
<table style="border:1px solid;">

http://jsfiddle.net/U2e8b/

票数 9
EN

Stack Overflow用户

发布于 2014-05-22 20:19:00

HTML属性border在整个表格和每个单元格周围绘制边框。可以使用值为none的属性rules (该属性控制单元格周围是否存在边框)来防止后者

代码语言:javascript
复制
<table border=1 rules=none>

虽然问题没有用“CSS”标记,但您可能会对CSS方法感兴趣。关键问题是只设置border属性table元素。这不会在单元格周围创建边框。所以你可以在CSS中使用,

代码语言:javascript
复制
table { border: solid thin gray }

例如,如果您希望所有表格都有边框。

但是,如果其他一些样式表会在单元格周围设置边框,而您不需要它们,那么您需要分析它们是如何实现的,然后对它们进行编辑,或者编写您自己的规则,这些规则具有更高的特异性,例如在th和`td+元素上设置border: none

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23805285

复制
相关文章

相似问题

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