Advanced Search

Subtle Recessed Divider Line

/ Published in: CSS
Save to your folder(s)
Create a subtle "recessed" looking divider line. The example restyles the tag but it can applied to anything.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. hr {
  2.     margin: 17px 0 18px;
  3.     height: 0;
  4.     clear: both;
  5.     border: solid #ddd;
  6.     border-width: 1px 0 0;
  7.     border-top: 1px solid #ddd;
  8.     border-bottom: 1px solid #fff;
  9. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.