Posted By

michellebracken on 12/25/10


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite


Change the look of < hr > linebreak

 / Published in: HTML

• This code will make < hr > into dashed, dotted, double, etc. lines instead of the regular gray solid line. • You can change the attributes to your liking. (ie: height, width, color, style) • Remeber, it will change ALL of the < hr > you use anywhere.

You can replace STYLEHERE with: • dotted • dashed • solid • double • groove • ridge • inset • outset

The effect is determined by the width and height of the < hr > so you might want to edit those attributes if you're using a style other than solid, dashed, or dotted.

  1. <style type="text/css">
  2. hr { height: 0; border-style: STYLEHERE; border-width: 1px 0 0 0; border-color:
  3. #COLORHERE; }

Report this snippet  

You need to login to post a comment.