html hr thickness and color code example

Example 1: css thinner hr

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; /* old IE */
    background-color: #333; /* Modern Browsers */
}

Example 2: how to change the color of the hr tag in html

<style>       
    hr{
        height: 1px;
        background-color: #ccc;
        border: none;
    }
</style>

Example 3: make bigger in boootstrap

<hr style="height:1px;border:none;color:#333;background-color:#333;" />