treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Syling Borders

  • 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
  • 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.
  • "Andy Staple" said:
    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
  • 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.