All Free Backgrounds and graphics for web pages Free Backgrounds and Graphics
Web Color Charts and Tutorial
Web Page Design Tips

Internet Tools
PC Utilities
all free backgrounds




spacer spacer
star Web Graphics

The Best and Easiest!
Coffee Cup web graphics software
CoffeeCup Big Cup


Free Trial Downloads!
Free Upgrades!


4 Templates

more graphics


star   Web Dev Tools



Best Hosting
Fantastic Service!


more tools


star    Internet Tools

Kodak Easy Share

Kodak



Organize, Edit, Share
Print your Photos!
Really Cool!

more tools

star     PC Utilities


more utilities



free graphics for web pages
free graphics for web pages
 • backgrounds
 • bars
 • buttons
 • faqs
resoures for web pages
 • web color
 • <hr> rules
 • make borders
design tips for web pages
 • web graphics
 • templates
 • web dev tools
 • web hosting
 • make money
 • internet tools
 • pc utilities
free graphics for web pages
 • home

all free backgrounds


horizontal rules for web pages



Use the horizontal rule as a page divider or get creative and achieve some very nice effects using the horizontal rule <HR>.




Make Your Own Rules




Characteristics of the "Default" Horizontal Rule - <hr> :


 Align Center - unless you alter the tag
 100% Width - unless you alter the tag 
 3 Pixel Height - unless you alter the tag
 Shaded - unless you alter the tag
 Gray Color - unless you alter the tag (browser issues with this)
 Creates one space above and one space below itself - Always


Alignment: Since the default alignment is "center" there is no need to use this attribute in the tag. When you use the "align" attribute you must also use the "size" attribute because the default size is 100% and it won't matter how it is aligned.

<hr align="left" width="400">


<hr align="right" width="400">



Width: To specify the exact width of a rule, use pixels. To have the rule automatically adjust relative to the browser window, use a percentage. Using a percentage also adjusts the size of the rule relative to the size of the table or table row you place it in.
<hr width="80"> pixels

<hr width="80%"> percentage of table row size



Height: To specify the exact height ("size") of a rule, you can only use pixels.

<hr size="1"> pixels

<hr size="5"> pixels
<hr size="10"> pixels

Page 2
- Shading and Color



For links to great resources, please visit our Web Graphics page

all free backgrounds divider

All Free Backgrounds Awarded
Free web backgrounds and graphics
by About.com
BackgroundsBarsButtonsWebColorRulesMake Borders
Faqs | Web GraphicsYour DomainWebsite Dev
 Hosting | Make Money Internet ToolsPC UtilitiesHome

Questions, Comments, Feedback? Email Us!

© All Free Backgrounds 2002-2007. All rights reserved.