Box with multiple borders

Posted by Mambley on Stack Overflow See other posts from Stack Overflow or by Mambley
Published on 2010-12-21T04:21:44Z Indexed on 2010/12/21 5:31 UTC
Read the original article Hit count: 302

Filed under:
|
|
|

Hello,

I am trying to code and style a box which will contain a post. My problem is with multiple borders (i guess), trying to find the best way to code this, i prefer semantic HTML5 and CSS3, but if there is no other way, i can do "old style" with 3 divs (top, center, bottom) with css background: url..., can anyone give me some lights please?

If you please check the following url, you can check what i need to accomplish.

http://dl.dropbox.com/u/3696224/postBox.jpg

If you notice it has:

  • one border around all the box with a dark gray (#cccccc); (border)
  • a small space between that border and other light gray (#f7f7f7), almost white;
  • and only then the content with a white background;

Any suggestions? Very sorry for English grammar, thanks in advance.

Regards

PS - I almost forgot, i don't know is if needed or not, but the all around the box i have a box-shadow (i know how to do this part)

© Stack Overflow or respective owner

Related posts about html5

Related posts about multiple