Sunday, January 19, 2014

Rule with CSS

A fast and easy method to insert a separating line into a website is with a horizontal rule, the hr tag.
This horizontal rule:
Was bent by the following inline CSS style:
<hr style="color: #f00; background: #f00; width: 75%; height: 5px;">
It could also be styled in your inside or exterior style sheet (which is habitually the better come within reach of):
hr {
     color: #f00;
     background: #f00;
     width: 75%;
     height: 5px;
}

Note: So as to color AND background-color are practical. This is essential, as some browsers use the background-color, others (IE) the color constituent to apply color to the rule.