边框没有出现在表中

Question

我有一个css代码，“border-top”无法正确显示。我已经做好了一切，但我没有看到问题。

JSFiddle：http://jsfiddle.net/3vnWh/1/

代码：

div.topb { 
border-top: 1px solid #dcdcdc; 
}

Answer 1

你有一个开放的{并选择：

<强> fiddle

/* optional div height ,width, color */
{   /*this is missing*/
width:400px;
height:200px;
background-color:#ffffff;
font-size:28px;
color:#ffffff;
}

Answer 2

你应该使用

table.topb

而不是

div.topb

Answer 3

div.topb之前的部分没有左括号或标签。如果您对此部分进行评论或给它提供适当的左括号，您的边框顶部将正确显示。您的部分看起来像这样，可以通过在宽度行之前添加{

来修复

/* optional div height ,width, color */
width:400px;
height:200px;
background-color:#ffffff;
font-size:28px;
color:#ffffff;
}

Answer 4

使用以下任何一种

   .topb

   { 
      border-top: 1px solid #dcdcdc; 
   }

或

   table 
   { 
       border-top: 1px solid #dcdcdc; 
    }

或

   table.topb 
  { 
   border-top: 1px solid #dcdcdc; 
   }