Border Color - Real Helper

Hayatullah Jahaan

1779

The border color of the element can be defined using a color name, RGB, or Hex values.

<p class="first">
    Border color has been created using <strong>color name.</strong>
</p>
<p class="second">
    Border color has been created using <strong>Hex values.</strong> 
</p>
<p class="third">
    Border color has been created using <strong>RGB values.</strong> 
</p>

Try it Yourself >>

 p.first {
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: blue;
}
p.second {
    padding: 10px;    
    border-style: solid;
    border-width: 2px;
    border-color: #FF6600;
} 
p.third {
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(0, 153, 0);
}

Try it Yourself >>