CSS3 > Borders

Border-bottom-color Property in CSS3

How to set the color to the bottom border in CSS3?


By using border-bottom-color property we can set the color to the bottom border.

<style>
        p {
            border-style:double;
            border-bottom-color:orange;
        }

        div {
            border-style:inset;
            border-bottom-color:palegreen;
        }
</style>

<body>
    <p>
        TechFunda.com
    </p>
    <div>
        DotNetFunda.com
    </div>
</body>

In the above code snippet we have given two different colors to the bottom borders of <p> element and <div> element by using border-bottom-color property.

OUTPUT

 Views: 524 | Post Order: 75



Write for us