How to style up a hr tag

2018-06-04 21:37:39

I would like to style up a <hr /> tag but can't seem to find an answer online anywhere that works.

I want to change the color and thickness if this is possible? I am able to change the length of it easy but that seems to be all that works so far.

Or is there an alternative to a hr tag that I can use?

Can anyone help me?

You can do this:

CSS

hr{
   border: none;
   height: 10px;
   background: #ccc;
}

DEMO HERE

you can change color by the attributes.

<hr color="red" size="10px">

Tested out here : https://jsfiddle.net/8wevdosq/

The hr is a border, so you just have to style the border in your CSS:

hr {
    border-color: blue;
    border-width: 10px;
}

DEMO

链接地址: http://www.djcxy.com/p/15750.html