背景填充上的边框插入-CSS

背景填充上的边框插入-CSS,css,Css,嗨,需要一个css为下面的模型 如何使边框在底部两端保留10像素,并填充背景。要使其看起来正确,您需要嵌套的div: .inner { margin-right: 10px; background: #666; border-bottom: 2px solid #000; width: 200px; padding-bottom: 10px; } .outer { width: 200px; border: 10px solid

嗨,需要一个css为下面的模型


如何使边框在底部两端保留10像素,并填充背景。

要使其看起来正确,您需要嵌套的
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;
}


只需在
.internal
元素上乱动
padding top
padding bottom
,即可获得所需的间距。

边框应显示在灰色框内。如何实现此目的,您只需
。外部{背景色:#666;}。内部{左侧边距:10px;右侧边距:10px;底部边距:2px实心#000;}