Borders and Border Radius

Borders are the lines around an element. They can make boxes stand out, separate sections, or create shapes. Border radius lets you round corners for a softer look.

Border Style

The border-style property sets what kind of line the border is.

div {
  border-style: solid;
}

Common styles are:

• solid → a normal line

• dashed → a line made of dashes

• dotted → a line made of dots

• double → a double line

• none → no border at all