Reviews, updates and in depth guides to your favourite mobile games -
Forum Home Latest Posts Search Help Subscribe

CSS Borders

Page: 1 Reply
Aug 10th 2006#174244 Report
Member since: Apr 25th 2003
Posts: 1977
I have a light gray box, with a dark gray 1px solid border. I would like to add a 1px white highlight (bevel) on the left/top (inside the border). Id really like to avoid wrapping everything in a second div, but im not sure if it's possible with the border properties?

This is what I have working have so far, except the 2nd groove color is too dark as I would like it to be the same as the bottom/right color.

border-left: 2px groove #FFFFFF;
border-top: 2px groove #FFFFFF;
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
background-color: #EAEAEA
Reply with Quote Reply
Aug 14th 2006#174265 Report
Member since: Mar 18th 2001
Posts: 6632
Can't have two border properties for one border, so you'd have to wrap it, unless that groove thing is working for you.
Reply with Quote Reply
Aug 15th 2006#174274 Report
Member since: Apr 25th 2003
Posts: 1977
Yeah I finally wrapped it. It wasn't as messy as I thought it would be. My code's actually a little more organized now as I have :

.contentbox - outerborder, margins, bg color
.content - inner border, padding, text

Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum