Sometimes, we want to add an outline on only one border with CSS.
In this article, we’ll look at how to add an outline on only one border with CSS.
How to add an outline on only one border with CSS?
To add an outline on only one border with CSS, we set the border and box-shadow properties.
For instance, we write
div {
border-bottom: 5px solid #fff;
box-shadow: 0 5px 0 #ffbf0e;
}
to set the border-bottom property to add a bottom border.
And we set the box-shadow property to have a shadow at the bottom.
Conclusion
To add an outline on only one border with CSS, we set the border and box-shadow properties.
