내 갤러리 div 내부의 이미지 스타일을 정의하는 올바른 방법은 무엇입니까?

Question

ID가 '갤러리'인 div가 있는데 그 안에 이미지의 스타일을 지정하고 싶습니다. 구체적으로 말하자면, 각각의 이미지에 서로 다른 꼭대기에 놓여 있기 때문에 아래쪽을 제외하고는 1 픽셀의 단색 노랑색 테두리를주고 싶습니다. 그래서 아래쪽에 테두리를 두 배로두기를 원하지 않습니다.

내가 헷갈 렸던 부분은 border, border-style, border-width 등 다양한 테두리 스타일 요소 중에서 선택하는 방법입니다. 나는이 시도 : - 그것은 아주 두꺼운입니다 -

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

내가 위의이 CSS 노란색 국경을 얻기 위해 관리하지만 경계는 더 2 픽셀 경계처럼 보인다 외에, 그리고 내가 사용하는 구문은하지 않습니다 매우 우아한보세요.

더 간결하게/우아하게이 작업을 수행하는 방법에 대한 권장 사항은 무엇입니까?

이

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

border 선언의 구문은 width style color 간다 모든 네 테두리에 영향을

Answer 1

나는이 최선의 방법이라고 생각합니다. 그런 다음 border-bottom을 none으로 선언하여 경계선을 사용하지 않도록 맨 아래를 다시 정의 할 수 있습니다.

Answer 2

그것을 할 수있는 잘못된 방법이 있다면 난 정말 모르겠지만, 당신은 기본적으로 그것을 할 수있는 3 가지 방법이 있습니다

방법 1

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

방법이

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

방법 2

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

내가 선호하는 것 중 하나 방법 2 또는 방법 3

(나는 방법이 알고 및 방법 (3)는 기본적으로 동일하지만, 당신은 당신이 좋아하는 것을 선택할 수 있도록 내가 두 솔루션을주고 싶어, "없음"또는 "0").