html - 在我的画廊 div 中定义图像样式的正确方法是什么？

Question

我有一个 ID 为“画廊”的 div，我想为其中的图像设置样式。具体来说，我想给每个图像一个 1px 纯黄色边框，底部除外，因为它们彼此重叠，所以我不想在底部加倍边框。

我感到困惑的是如何在不同的边框样式元素之间进行选择:border、border-style、border-width。我试过这个:

div#gallery img
{
    border-width:1px;
    border-style:solid;
    border: solid yellow;
    border: 1px 1px 0px 1px;
}

我设法用上面的这个 css 得到了一个黄色的边框，但是这个边框看起来更像是一个 2px 的边框——它很粗——而且，除此之外，我使用的语法看起来不是很优雅。

关于如何更简洁/优雅地执行此操作的任何建议？

Answer 1

我认为这是最好的方法:

border: 1px solid yellow;
border-bottom: none;

border 的语法声明变为 width style color 并影响所有四个边框。之后，您可以通过声明 border-bottom 来覆盖底部，使其不使用边框。没有。