为什么表边框没有显示在这个html表中

时间:2009-04-28 21:42:04

标签: html

我有一个简单的html表:http://jsbin.com/oxiyi

我希望在整个表格之外有一个颜色为#990000的边框。所以我在桌子外面做了一张桌子,给它边框颜色#990000。但我仍然没有看到边框颜色。

8 个答案:

答案 0 :(得分:17)

表格内的表格!哦,不!我的头疼。

你应该感到高兴,因为它是可怕的标记,应该不惜一切代价避免。看看你的HTML代码我注意到很多内联属性被设置并且缺少使用CSS。你应该真正阅读CSS,因为你现在拥有的代码看起来更像是2000年生产的代码而不是我们现在正在做的代码。但是,简而言之,您可以摆脱外部表并在表中添加border: 1px solid #990000;的样式声明以获得所需的效果。然而,这只是冰山一角,你真的应该在你的网站自我崩溃之前阅读CSS和有效的标记。 :)

答案 1 :(得分:12)

使用带CSS样式的border属性并为其指定颜色。我也删除了你的例子中的嵌套表。

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

http://jsbin.com/odici

保留你的细胞边界......

答案 2 :(得分:2)

可能是因为外表的边框设置为0

将border = 0更改为border = 1

答案 3 :(得分:2)

更好的方法是删除外部表并通过CSS添加边框:

<table ... style='border: 1px solid #900'>

更好的是,使用外部样式表来设置表格样式。

答案 4 :(得分:2)

几个问题:

  1. <div>是一个更好的工具 这份工作
  2. 你的外围桌有bgcolor 指定,而不是bordercolor
  3. 您的外围表格设置为border 0
  4. 您还需要添加<tr> 和内表周围的<td> 使你的HTML正确
  5. 像这样:

    <table name='outerTable'>
        <tr>
            <td>
                <table name='innerTable'>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    

答案 5 :(得分:0)

我无法确切地告诉您为什么在没有看到标记的情况下您的表格没有正确交互,但我确实发现您的基本方法存在问题。

而不是另一个表,将表包装在DIV标记中,如下所示:

<div style="border:solid 1px #990000;"> 
   <your table> 
</div> 

这更符合HTML / XHTML的现代标准。

如果没有看到您的代码,我无法告诉您内部表是否遵循最佳实践。

希望这有帮助

答案 6 :(得分:0)

  • 在'/ css'目录中创建一个自定义css文件,比如'local.css'

    • 在marinelli.info文件中添加以下代码。 stylesheets [all] [] = css / local.css

    • 尝试在自定义css(即local.css)文件中添加以下css代码:

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

    tr,tr.even {   背景:#dedede; }

    table tr th {   背景:#757575; }

    tr td,tr th {   边框:1px纯白色; }

    table tr th,table tr th a,table tr th a:hover {   白颜色; }

    • 请在此处清除缓存数据 - / admin / config / development / performance

    Rgrds,

答案 7 :(得分:0)

尝试使用以下代码

tr .bordered{
      border-bottom:1px solid #000;
    }
在调用它时使用

<tr class="bordered"></tr>