CSS Border Design Generator

Create beautiful CSS borders visually. Customize every aspect and get the code instantly.

Border Controls

#4361ee
Solid
Dashed
Dotted
Double
#ffffff
Modern
Rounded
Dashed
Double
Mixed
No Border

Preview & Code

Border Preview

Your border style will appear here

CSS Code

.box {
    border: 5px solid #4361ee;
    border-radius: 15px;
    background-color: #ffffff;
}