html - 边框不显示

Question

我是 CSS 边框的新手，我遇到了一些我似乎无法解决的问题。作为我的新手，可能还有很多其他人想知道同样的事情(css 新手)。根据我的想法(可能充满了错误的逻辑)，我有这个边界应该可以正常工作。我用于悬停和默认状态的代码是:

.profile-box .opener {
    float:left;
    background: url(http://seek4fitness.net/Design/Gfx/DropDowns/white.on.red/icn_small_black_arrow_down.gif) no-repeat;
        background-position: center center;
        background-color: #fff;
    width:32px;
    height:38px;
    overflow:hidden;
    text-indent:-9999px;
        border-left:1px solid #dde2e8;
}
.profile-box .opener:hover {
    float:left;
    background: url(http://seek4fitness.net/Design/Gfx/DropDowns/white.on.red/icn_small_black_arrow_down.gif) no-repeat;
        background-position: center center;
        background-color: #F0F0F0;
    width:32px;
    height:38px;
    overflow:hidden;
    text-indent:-9999px;
        border-left:1px solid #dde2e8;
}

这个问题在我看来没有任何意义，而且我说过两次，对 css 来说是新手。请在这件事上给予我帮助。这对我来说意义重大。谢谢。

fiddle :http://jsfiddle.net/dCe3u/

Answer 1

如果您想将边框应用到所有四个边，您应该更改

border-left:1px solid #dde2e8;

到

border:1px solid #dde2e8;

FIDDLE HERE

border-left 将仅在左侧应用边框，您可以在此处引用更多关于边框的信息 CSS BORDER >>