Customizing HR

by Hiroshi on September 8, 2008

in HTML, Web Tips

Default HR is boring and fat. We can customize it in a way that it looks thin and light which serves the purpose while not disturbing our web page design.

Add following css to your web page, customize its properties according to your needs.

hr
{
clear : both;
color : #cccccc;
background : inherit;
height : 1px;
margin : 10px 0px 0px 0px;
border-top : dotted 1px #cccccc;
border-bottom : none;
}

Related Posts

Previous post:

Next post: