Hi need a css for the following mock up
how to make border leaving 10 px on both ends on bottom,with a background fill.
A:
For this to look right, you'll need nested 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;
}
Just mess with padding-top and padding-bottom on the .inner element to get the spacing you want.
ghoppe
2010-05-17 06:36:48
the border should appear inside the grey box how to achieve that
weblearner
2010-05-17 09:58:16
@vetri I've edited my answer.
ghoppe
2010-05-17 17:29:49
You only need `.outer { background-color: #666;} .inner { margin-left: 10px; margin-right: 10px; border-bottom: 2px solid #000;}`
ANeves
2010-05-17 17:50:53