Grow your CSS skills. Land your dream job.

Syling Borders

  • # June 6, 2010 at 8:43 pm

    Hey there, I’ve finished my mockup for my site. How would I go about styling borders that look like this (you might have to look very closely):
    [attachment=0]borders.jpg[/attachment]
    I’ve applied a bevel and emboss to them in Photoshop (if that helps at all).

    Thanks

    # June 8, 2010 at 12:43 am

    You can use CSS3 properties to get similar results to that, but CSS3 is still a ways off from being the norm.

    You’ll probably just have to use the buttons as images themselves.

    # June 10, 2010 at 6:42 am
    "Andy Staple" wrote:
    You can use CSS3 properties to get similar results to that, but CSS3 is still a ways off from being the norm.

    You’ll probably just have to use the buttons as images themselves.

    I’m actually looking for some help on how to achieve the borders, not the buttons but the slightly visible borders you can see. One’s underneath the search bar

    # June 10, 2010 at 10:18 am

    You will have to use (2) 1px lines:
    Use a black 1px line and add another 1px line above it in a lighter color. Then save as an image.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".