Borders

A border is a line drawn around an element. It needs three parts: a width, a style, and a color. The border-radius property rounds the corners.

• border-width sets thickness
• border-style can be solid, dashed, or dotted
• border-color sets the line color
• border-radius rounds the corners

.box {
  border: 3px solid #333;
  border-radius: 12px;
}