blocks|key|5403819|text|将边框属性与CSS样式一起使用，并为其指定颜色。我也去掉了你例子中的嵌套表。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5403820|<style>
td+{
++++border:+solid+2px+lightgrey;
}
</style>
<table+style="border:+5px+solid+#990000;+border-collapse:+collapse">|code-block|syntax|javascript|5403821|http://jsbin.com/odici|offset|length|5403822|它保留了你细胞的边界。|5403823|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|M|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@$I|W|J|X|1|Y]]|A|$]]|$1|K|3|L|5|6|7|Z|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|H]]]]

Use the border property with CSS style and give it the color. I got rid of the nested tables in your example as well.

<pre><code>&lt;style&gt;
td {
 border: solid 2px lightgrey;
}
&lt;/style&gt;
&lt;table style="border: 5px solid #990000; border-collapse: collapse"&gt;
</code></pre>

<a href="http://jsbin.com/odici" rel="noreferrer">http://jsbin.com/odici</a>

That preserves your borders on your cells...

blocks|key|5403910|text|表中的表！哦，不！我的头好痛。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5403911|你应该庆幸这不起作用，因为它是可怕的标记，应该不惜一切代价避免。查看您的HTML代码，我注意到设置了很多内联属性，却没有使用CSS。您应该认真阅读CSS，因为您现在拥有的代码看起来更像是2000年生产的代码，而不是我们现在正在做的。不过，简而言之，您可以去掉外层表，并在表中添加border:+1px+solid+#990000;的样式声明，以获得您想要的效果。然而，这只是冰山一角，在你的网站自我崩溃之前，你真的应该阅读CSS和有效标记。:)|offset|length|style|CODE|5403912|entityMap^0|0|3V|Q|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

Tables inside tables! Oh noes! My head hurts.

You should be glad that doesn't work, as it is awful markup and should be avoided at all costs. Looking at your HTML code I am noticing a lot of inline properties being set and lack of CSS being used. You should really read up on CSS, as the code you have right now looks more like the code that was being produced in 2000 rather than what we're doing nowadays. In short, however, you can get rid of your outer table and add a style declaration of <code>border: 1px solid #990000;</code> in the table to get the effect you want. This is just the tip of the iceberg, however, and you really should read up on CSS and valid markup before your website self implodes. :)

blocks|key|1876393|text|可能是因为外部表的边框设置为0|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1876394|​|1876395|将边框=0更改为border=1|1876396|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Probably because the outer table has border set to 0 



Change border =0 to border=1

blocks|key|5403935|text|更好的方法是删除外部表，并通过CSS添加边框：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5403936|<table+...+style='border:+1px+solid+#900'>|code-block|syntax|javascript|5403937|更好的做法是，使用外部样式表设置表的样式。|5403938|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

A better method would be to remove the outer table and add the border via CSS:

<pre><code>&lt;table ... style='border: 1px solid #900'&gt;
</code></pre>

Better still, use an external stylesheet to style the table.

blocks|key|1559470|text|几个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1559471|如果您的外层表已指定bgcolor，而不是外部表已将border设置为0|offset|length|style|CODE|1559472|，则<div>将是此工作的更好工具。您还需要在内层表周围包括<tr>和<td>，以使您的HTML正确|unordered-list-item|1559473|1559474|如下所示：|1559475|<table+name='outerTable'>
++++<tr>
++++++++<td>
++++++++++++<table+name='innerTable'>
++++++++++++++++<tr>
++++++++++++++++++++<td></td>
++++++++++++++++++++<td></td>
++++++++++++++++</tr>
++++++++++++</table>
++++++++</td>
++++</tr>
</table>|code-block|syntax|javascript|1559476|entityMap^0|0|A|7|Q|6|0|2|5|U|4|Z|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]|$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@$D|11|E|12|F|G]|$D|13|E|14|F|G]|$D|15|E|16|F|G]]|9|@]|A|$]]|$1|K|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|18|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|19|8|@]|9|@]|A|$Q|R]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$]]

Several problems:

<ol>
<li>A <code>&lt;div&gt;</code> would be a better tool for
this job</li>
<li>Your outer table has <code>bgcolor</code>
specified, not <code>bordercolor</code></li>
<li>Your outer table has <code>border</code> set to
0</li>
<li>You need to also include a <code>&lt;tr&gt;</code>
and <code>&lt;td&gt;</code> around the inner table to
make your HTML correct</li>
</ol>

Like this:

<pre><code>&lt;table name='outerTable'&gt;
 &lt;tr&gt;
 &lt;td&gt;
 &lt;table name='innerTable'&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;td&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/td&gt;
 &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

blocks|key|3986280|text|尝试使用以下代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3986281|tr+.bordered{
++++++border-bottom:1px+solid+#000;
++++}|code-block|syntax|javascript|3986282|在调用它时使用|3986283|<tr+class="bordered"></tr>|3986284|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Try using the following code

<pre><code>tr .bordered{
 border-bottom:1px solid #000;
 }
</code></pre>

the while calling it use

<pre><code>&lt;tr class="bordered"&gt;&lt;/tr&gt;
</code></pre>

blocks|key|1876545|text|您需要向代码中添加两种样式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1876546|1876547|为表格标签添加了“边框-折叠:折叠”样式|ordered-list-item|1876548|为所有td标签|1876549|添加了“边框:+1px纯灰”样式|1876550|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|M|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

You need to add two styles to the code:
<ol>
<li>Added &quot;border-collapse: collapse&quot; style to table tag</li>
<li>Added &quot;border: 1px solid gray&quot; style to all td tags</li>
</ol>

blocks|key|1876316|text|在看不到标记的情况下，我不能确切地告诉您为什么您的表不能正确交互，但我确实看到了您的基本方法的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1876317|在DIV标记中包装您的表，而不是其他表，如下所示：|1876318|<div+style="border:solid+1px+#990000;">+
+++<your+table>+
</div>+|code-block|syntax|javascript|1876319|这更符合HTML/XHTML的现代标准。|1876320|如果没有看到您的代码，我就不能告诉您内部的表是否符合最佳实践。|1876321|希望这能有所帮助|1876322|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I can't tell you exactly why your tables are not interacting correctly without seeing your markup, but I do see a problem with your fundamental approach. 

Instead of another table, wrap your table in a DIV tag like this: 

<pre><code>&lt;div style="border:solid 1px #990000;"&gt; 
 &lt;your table&gt; 
&lt;/div&gt; 
</code></pre>

This better adheres to modern standards for HTML/XHTML.

Without seeing your code, I can't tell you whether your inner table adheres to best practices or not.

Hope this helps

blocks|key|1559488|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1559489|在'/css‘目录中创建一个自定义css文件，名为'local.css'|unordered-list-item|1559490|1559491|-+Add+following+code+in+marinelli.info+file.+stylesheets[all][]+=+css/local.css+
-+Try+adding+following+css+code+in+your+custom+css+(i.e.+local.css)+file+:|code-block|syntax|javascript|1559492|tbody+{+border-top:+1px实体#CCC；}|1559493|tr，tr.even+{背景：#dedede；}|1559494|表tr+th+{背景：#757575；}|1559495|tr+td，tr+th+{边框:+1px纯白；}|1559496|表tr+th，表tr+th+a，表tr+th+a:hover+{+color:+white；}|1559497|-+Please+clear+cached+data+here-+/admin/config/development/performance|1559498|Rgrds，|1559499|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|-4|4|5|6|Z|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|10|7|@]|8|@]|9|$]]|$1|D|3|-4|4|5|6|11|7|@]|8|@]|9|$]]|$1|E|3|F|4|G|6|12|7|@]|8|@]|9|$H|I]]|$1|J|3|K|4|5|6|13|7|@]|8|@]|9|$]]|$1|L|3|M|4|5|6|14|7|@]|8|@]|9|$]]|$1|N|3|O|4|5|6|15|7|@]|8|@]|9|$]]|$1|P|3|Q|4|5|6|16|7|@]|8|@]|9|$]]|$1|R|3|S|4|5|6|17|7|@]|8|@]|9|$]]|$1|T|3|U|4|G|6|18|7|@]|8|@]|9|$H|I]]|$1|V|3|W|4|5|6|19|7|@]|8|@]|9|$]]|$1|X|3|-4|4|5|6|1A|7|@]|8|@]|9|$]]]|Y|$]]

<ul>
<li>Create one custom css file in '/css ' dir, say 'local.css'

<ul>
<li>Add following code in marinelli.info file.
stylesheets[all][] = css/local.css </li>
<li>Try adding following css code in your custom css (i.e. local.css) file :</li>
</ul>

tbody {
 border-top: 1px solid #CCC;
}

tr, tr.even {
 background: #dedede;
}

table tr th {
 background: #757575;
}

tr td, tr th {
 border: 1px solid white;
}

table tr th, table tr th a, table tr th a:hover {
 color: white;
}

<ul>
<li>Please clear cached data here- /admin/config/development/performance</li>
</ul>

Rgrds,</li>
</ul>

I have a simple html table like this: <a href="http://jsbin.com/oxiyi" rel="noreferrer">http://jsbin.com/oxiyi</a>

I want to have a border with color #990000 outside the entire table. So I have made a table outside the table and given it border color of #990000. But still I dont see a border color.

why is the table border not showing in this html table

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一个简单的html表，如下所示：我希望在整个表外有一个颜色为#990000的边框。所以我在表格外面做了一个表格，并将它的边框颜色设置为#990000。但是我仍然没有看到边框颜色。

问为什么表格边框没有显示在此html表格中？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么表格边框没有显示在此html表格中？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么表格边框没有显示在此html表格中？
EN