为什么没有这个边界？

非常多解释它。当您切换可见DIV它周围有没有边界，即使它在CSS自行指定为什么没有这个边界？

摘录如下补充：

$("#button").click(function() { 
 
    $(".hidden").slideToggle(200); 
 
    });

.hidden{ 
 
    \t background-color:#ccc; 
 
    \t width:120px; 
 
    \t text-decoration:none; 
 
    \t font-size:14px; 
 
    \t color:blue; 
 
    \t display:none; 
 
    \t border:thick; 
 
    \t border:green; 
 
    \t margin: 1em 1em 1em 1em; 
 
    \t padding: 1em 1em 1em 1em; \t 
 
    } 
 
    .style2 { 
 
    \t border: 1px solid #000000; 
 
    }

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
     <script src="http://code.jquery.com/jquery-1.4.4.js"></script> 
 
    </head>  
 
    <body> 
 
     <div class="hidden">woot</div> 
 
    <table style="width: 25%" cellspacing="1" class="style2"> 
 
    \t <tr> 
 
    \t \t <td class="style2" style="width: 182px"><p id="button"><a href="#">Toggle</a></p>&nbsp;</td> 
 
    \t \t <td class="style2">&nbsp;</td> 
 
    \t </tr> 
 
    \t </table> 
 
    </body> 
 
    </html>

来源

2011-01-07 corybranan

在一个侧面说明，'浓绿solid'听起来不对：P – BoltClock

在另一个方面说明，'保证金：1em'是'保证金简写：1EM 1EM 1EM 1em'（同样为'padding'） – BoltClock

应该

border: 1px solid green;

或以下三者合起来

border-style: solid; 
border-width: thick; 
border-color: green;

来源

2011-01-07 16:25:17 adarshr

border是一个速记属性 - 它写出的速记方式：

border-width: thick; 
border-style: solid; 
border-color: green;

尝试：

border: thick solid green;

来源

2011-01-07 16:25:23

“厚”是宽度，而不是风格，所以'3px thick'是错误的。 – BoltClock

@BoltClock - 我的错误，我已经更新了。谢谢！ –

您错过了“尝试”之前的部分。 – BoltClock

因为你通过声明它两次重写border属性：

border:thick; 
border:green;

The seco nd decleration覆盖第一个。如果你这样做：

border-style: solid; 
border-color: green;

它会工作正常。

了一个更简洁的解决方案是将值组合成一个单一的decleration：

border: 1px solid green;

而且您的边框样式值“厚”不尽可能的规范我读状态存在。

值包括：虚线，虚线，实心，双槽，脊，插图&开头。

更新

我现在看到的价值“厚”是为边框宽度在这种情况下，它是蛮好用的这个值。

border-style: solid; 
border-color: green; 
border-width: thick;

或

border: thick solid green;

来源

2011-01-07 16:25:52

您指定的简写border两次。我怀疑底部覆盖了宽度为0的顶部。

它们合并：

border: thick green;

或者不使用速记：

border-width: thick; 
border-color: green;

来源

2011-01-07 16:25:58 BoltClock

变化border: think; border: green;到border: thick green solid;。您需要定义这三件事情才能显示边框。

来源

2011-01-07 16:27:00

你缺少一个边界参数和应用是错误的，尽量border: thick solid green;代替：

border:thick; 
border:green;

来源

2011-01-07 16:28:13 Hannes

你并不需要很复杂。

border: 5px solid #000;

来源

2011-08-15 22:12:53 SilverHorn

如果您只是在样式的一部分中使用所有信息，那么最好。 – SilverHorn

为什么没有这个边界？

回答

相关问题