什么是定义我的画廊DIV中的图像的图像风格的正确方法？

Question

我有“画廊”的ID的DIV，我想样式里面的图像。具体而言，我想每个图像给1px的固体黄色边框除了在底部，因为他们坐在彼此之上，所以我不想在底边框的两倍。

什么我感到困惑的是如何不同的边框样式元素之间选择：边框，边框样式，边框宽度。我试图这样：

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 覆盖底回使用无边框作为无

Answer 2

我真的不知道，如果有一个错误的方式做到这一点，但你基本上有3种方法来做到这一点：

方式1

border-top: 1px solid yellow;
border-right: 1px solid yellow;
border-left: 1px solid yellow;

方式2

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

方式2

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

我宁愿任一方法2或方法3。

（我知道方法2和方法3基本上是相同的，但我想给这两种解决方案，所以你可以选择你喜欢什么，“无”或“0”）。