CSS border-bottom-color

The CSS border-bottom-color property is used to set the color of the bottom border of an element. This property can be specified using a color name, RGB value, hex value, or other CSS color formats.

Let's see how the border-bottom-color property works with some examples:

    <div style="border-bottom: 2px solid blue;">This is a blue bottom border.</div>

Result:

This is a blue bottom border.

In the example above, we set the border-bottom-color property to blue using a color name. The bottom border of the <div> element is now blue.


    <div style="border-bottom: 2px solid rgb(255, 0, 0);">This is a red bottom border.</div>

Result:

This is a red bottom border.

In this example, we used an RGB value to set the border-bottom-color property to red. The bottom border of the <div> element is now red.


    <div style="border-bottom: 2px solid #00ff00;">This is a green bottom border.</div>

Result:

This is a green bottom border.

Finally, in this example, we used a hex value to set the border-bottom-color property to green. The bottom border of the <div> element is now green.

Experiment with different color values and see how they affect the bottom border of elements on your webpage!