CSS3 > Borders

Border-bottom Property in CSS3

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


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

<style>
        p {
            border-style:solid;
            border-bottom: brown dotted thick;
        }

        div {
            border-style:solid;
            border-bottom: green dashed thin;
        }
</style>

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

In the above code snippet we have given two different styles to the border-bottom property, so that in the output we can notice the different border-bottom for the <p> element and <div> element.

OUTPUT

 Views: 516 | Post Order: 74



Write for us