相同的样式返回表边框的不同输出

Question

请查看以下小提琴：

http://jsfiddle.net/dgqr2nLd/2/

#myDiv 
{
    border: 1px solid #CCCCCC;
}

＆安培;

 border="1px solid #CCCCCC" 

正在返回不同的结果。我想要单一的实心灰色边框线，与边框保持相同＆＃39;这是一个div＆＃39;。请指教。

Answer 1

这是使用border属性的无效方式。如果你想要内联样式，你应该

style="border: 1px solid #CCCCCC;"

Answer 2

折叠表格边框：

table {
    border-collapse:collapse;
}

<强> jsFiddle example

请注意，您还需要将表格中的内联CSS修复为<table style="border:1px solid #ccc" cellpadding="20px 20px 20px 20px">

Answer 3

HTML中border元素的table属性与CSS border属性完全不同。不应期望它们具有相同的效果。使用的属性值无效;实际上，浏览器就像你指定了border="1"一样。

您的CSS规则设置一个像素的纯灰色边框。如果你想要table元素相同，只需在其上设置相同的声明。

Answer 4

删除

style="border: 1px solid #CCCCCC;"

添加课程＆＃34; .table＆＃34;到表标签

添加此类

.table {
    border-collapse: collapse;
}

.table td{
    border: 1px solid #CCCCCC;  
}