Html 什么'；在my gallery div中定义图像样式的正确方法是什么？

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

我困惑的是如何在不同的边框样式元素之间进行选择：边框、边框样式、边框宽度。我试过这个：

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

我设法用上面的css获得了一个黄色边框，但是边框看起来更像是2px边框-它相当厚-而且，除此之外，我使用的语法看起来不太优雅

---

关于如何更简洁/优雅地完成这项工作，有什么建议吗？

我认为这是最好的方法：

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

---

声明的语法为

宽度样式颜色

，并影响所有四个边框。在这之后，您可以通过声明为none来覆盖底部返回到使用NoBorder。

我认为这是最好的方法：

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

---

声明的语法为

宽度样式颜色

，并影响所有四个边框。在此之后，您可以通过声明为none来覆盖底部，使其返回到使用NoBorder。

我真的不知道是否有错误的方法，但您基本上有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;

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

方法2

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

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

我喜欢方法2或方法3

---

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

我不知道是否有错误的方法，但你基本上有三种方法：

方法1

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

方法2

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

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

方法2

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

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

我喜欢方法2或方法3

---

（我知道方法2和方法3基本相同，但我想给出两种解决方案，因此您可以选择您喜欢的“无”或“0”）。

Ah！！所以边框宽度、边框样式、边框底部等可以用来覆盖“border”的元素。谢谢现在说得通了。啊！！所以边框宽度、边框样式、边框底部等可以用来覆盖“border”的元素。谢谢现在有意义了。如果“border”位于任何其他border whatever之后，则会覆盖所有以前的border whatever，因为“border”定义了所有的border属性。如果“border”位于任何其他border whatever之后，则会覆盖所有以前的border whatever，因为“border”定义了所有的border属性