如何摆脱边界答案

【问题标题】：How to get rid of a border如何摆脱边界
【发布时间】：2012-01-01 13:34:30
【问题描述】：

我的 CSS 有问题...有一个边框，即使它有边框，我也无法摆脱它：0px;！这真的很烦人。我之前遇到过同样的问题，但我以某种方式解决了它，所以我用相同的代码尝试了它，但没有成功......

HTML/PHP 代码：

echo "<table class='profileinfo' cellpadding='5' cellspacing='0' border='0'>";                  
// Check Map
$map1 = "Summoner's Rift";
$map2 = "Twisted Treeline";
$map3 = "Crystal Scar";
echo "<tr>";
if ($row['map'] == $map1) { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/SummonersRift.png);'><div></div></div></td>"; }
else if ($row['map'] == $map2) { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/TwistedTreeline.png);'><div></div></div></td>"; }
else { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/CrystalScar.png);'><div></div></div></td>"; }
echo "</tr>";

CSS 代码：

.profileinfo tr td {
    border-top: solid 1px #000;
    border-left: solid 1px #000;
}
.imageframe155pxblue {
    border:none;
}
.imageframe155pxblue div {
    background-repeat:no-repeat;
    background-position:center;
    width:155px;
    height:155px;
}
.imageframe155pxblue div div {
    background-image:url(../images/imageframes/blue.png);
    width:155px;
    height:155px;
}

如果我从 .profileinfo 中删除左边框和顶部边框，它会起作用，但它必须在那里......

【问题讨论】：

边框在哪里显示？
为什么不给边框的颜色与包含 div 的背景颜色相同？
Firefox 有一个很酷的添加，叫做 firebug。这有一个漂亮的功能，您可以突出显示和元素，并在布局选项卡下显示边距/边框/填充和大小-因此您可以轻松查看要更改的内容addons.mozilla.org/en-US/firefox/addon/firebug
同意。 Firebug 可以很容易地看出为什么有边界。它会告诉您规则是什么以及它在 CSS 文件中的位置。

标签： php html css html-table border

【解决方案1】：

显示边框是因为“.profileinfo tr td”是比“.imageframe155pxblue”更具体的规则，并且它声明了边框。

将您的规则更改为“.profileinfo tr td.imageframe155pxblue”，边框将消失，或在其声明中添加!important。

【讨论】：

【解决方案2】：

试试

.imageframe155pxblue {
    border:none !important;
}

【讨论】：