css - 所有边界或没有 - CSS

Question

每当我尝试在我的代码中为行内 block 元素设置左右边框时，除非我全部设置，否则它不会起作用。

border:2px solid black; /* does work */
border:0 2px solid black; /* doesn't work*/

有什么想法吗？

CSS相关部分:

#highlights2{
width:640px;
text-align:left;
}
#highlights2 .highlight{
width:211px;
display:inline-block;
height:100px;
background-color:#0dc1d0;
}

#centerhighlight{
border:0 2px solid rgba(0,0,0,0.5);
border:2px solid black;
}

和 HTML:

<div id="highlights2"><div class="highlight">asd</div><div style="" class="highlight" id="centerhighlight">fgh</div><div class="highlight">jkl</div></div>

Answer 1

此语法对于定义边界无效。如果你想要垂直和水平边框的不同样式，你需要手写，例如:

border: 2px solid black;
border-top-width: 0;
border-bottom-width: 0;