Question

我有一个id为'gallery'的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基本相同，但我想给出两种解决方案，所以你可以选择你喜欢的，＆＃34;无＆＃34;或＆＃34; 0＆＃34;）