테두리 삽입 - CSS

Question

안녕하세요 모두가 배경 채우기, 바닥에 종료 10 픽셀을 떠나 국경을 만드는 방법까지

Border inset http://www.freeimagehosting.net/uploads/56ebc14e47.jpg

다음과 같은 모의에 대한 CSS를해야합니다. 이것이 바로보고 들어

Answer 1

, 당신은 div 중첩해야합니다 :

.inner { 
    margin-right: 10px; 
    background: #666; 
    border-bottom: 2px solid #000; 
    width: 200px; 
    padding-bottom: 10px; 
} 

.outer { 
    width: 200px; 
    border: 10px solid #666; /* your grey fill */ 
    border-bottom: none; 
} 

Demonstration

그냥 엉망 padding-top 및 padding-bottom으로 .inner 요소에 원하는 간격을 얻을 수 있습니다.