How to add an outline on only one border with CSS?

Spread the love

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.

Leave a Reply

Your email address will not be published. Required fields are marked *