How To Change The Color Of hr Element Using CSS




Here we conside how to Change The Color and Width of hr Element Using CSS. Lets start with one example here. Suppose we have a hr element as shown below.

How To Change The Color Of hr Element Using CSS, Change The Color Of hr Element Using CSS, Change The Color Of hr Element, Change The width Of hr Element, hr color change, hr width change, hr height change, CSS for changing hr color, CSS for changing hr width, CSS for changing hr height, CSS, HTML

On runtime it may look like this.

How To Change The Color Of hr Element Using CSS, Change The Color Of hr Element Using CSS, Change The Color Of hr Element, Change The width Of hr Element, hr color change, hr width change, hr height change, CSS for changing hr color, CSS for changing hr width, CSS for changing hr height, CSS, HTML

Now for changing the color and width of hr element, follow these style.

hr {
         border-color: red;
         border-image: none;
         border-style: solid none none;
         border-width: 3px 0 0;
}



By applying above style, we can Change The Color and Width Of hr Element. Just change border-color, border-style and border-width.

How To Change The Color Of hr Element Using CSS, Change The Color Of hr Element Using CSS, Change The Color Of hr Element, Change The width Of hr Element, hr color change, hr width change, hr height change, CSS for changing hr color, CSS for changing hr width, CSS for changing hr height, CSS, HTML