Was ist der richtige Weg, um den Stil der Bilder in meinem Galerie div zu definieren?

Question

Ich habe ein Div mit einer ID von 'Galerie' und ich möchte die Bilder darin stylen. Insbesondere möchte ich jedem der Bilder einen 1px soliden gelben Rahmen geben, außer auf der Unterseite, weil sie aufeinander sitzen, so dass ich den Rand auf der Unterseite nicht verdoppeln möchte.

Worüber ich verwirrt bin, ist, wie man zwischen den verschiedenen Rahmenstilelementen wählt: Rahmen, Rahmenstil, Rahmenbreite. Ich dies versucht:

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

ich es geschafft, über einen gelben Rahmen mit diesem CSS zu bekommen, aber die Grenze scheint eher wie ein 2px Grenze - es ist ziemlich dick - und außerdem, dass die Syntax verwende ich nicht sehr elegant aussehen.

Irgendwelche Empfehlungen, wie man das prägnanter/eleganter macht?

Answer 1

Ich denke, dies ist der beste Weg:

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

Die Syntax für die border Erklärung geht width style color und wirkt sich auf alle vier Grenzen. Danach können Sie die untere Rückseite auf die Verwendung von keinem Rahmen überschreiben, indem Sie border-bottom als keine deklarieren.

Answer 2

Ich weiß nicht wirklich, wenn es ein falscher Weg, es zu tun, aber Sie haben im Grunde drei Methoden, es zu tun:

Methode 1

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

Methode 2

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

Methode 2

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

Ich würde entweder Methode 2 oder 3.

(ich weiß Verfahren 2 und Verfahren 3 sind bevorzugen im Grunde das gleiche, aber ich wollte beide Lösungen geben, so können Sie wählen, was Sie mögen, "keine" oder "0").