Вставка границы при фоновой заливке - CSS

Question

Привет, нужен CSS для следующего макета

Вставка границы http://www.freeimagehosting.net/uploads/56ebc14e47.jpg

как сделать рамку, оставив 10 пикселей на обоих концах внизу, с заливкой фона.

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;
}

Демонстрационный

Просто связывайтесь с padding-top и padding-bottom на элементе .inner, чтобы получить нужный интервал.