CSS Border Generator

Select parameters, check the preview, repeat until you get what you want, copy the CSS code and paste to your web page.

Note that the preview and code are updated when you click or tab out of an input field and when you use the up and down arrows or the scroll wheel to increment or decrement a parameter.

Border radius
px
px
px
px
Border width
px
px
px
px
Border style
Border color
#
#
#
#
Outline
px
#
px
Box shadow
px
px
px
px
#
Preview