什麼是正確的方式來定義我的畫廊div內的圖像的風格？

我有一個ID爲'圖庫'的div，我想在其中設置圖像的樣式。具體來說，我想給每個圖像一個1px純黃色邊框，除了底部以外，因爲它們坐在彼此的頂部，所以我不想在底部加倍邊框。什麼是正確的方式來定義我的畫廊div內的圖像的風格？

我很困惑的是如何選擇不同的邊框樣式元素：邊框，邊框樣式，邊框寬度。我嘗試這樣做：

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

我設法與上面這個CSS一個黃色邊框，但是邊框看起來更像是一個2px的邊界 - 這是很厚 - 而且，除此之外，我使用的語法不看起來很優雅。

有關如何更簡潔/優雅地做到這一點的任何建議？

2009-07-08 ipso facto

如果「邊界」出現在任何其他邊界之後 - 無論如何，所有先前的邊界 - 凡是將被覆蓋，因爲「邊界」定義了所有的邊界屬性 – 2009-07-08 03:37:20

我覺得這是最好的方法：

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

爲border聲明的語法去width style color並影響到所有四個邊框。之後，您可以通過將border-bottom聲明爲無，使用無邊框覆蓋底部。

2009-07-08 02:10:23

啊！因此，可以使用邊框寬度，邊框樣式，邊框底部等來覆蓋「邊框」的元素。謝謝。現在有道理。 – 2009-07-08 02:15:27

我真的不知道，如果有一個錯誤的方式做到這一點，但你基本上有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」）。

2015-04-09 21:20:30

回答