CSS Borders

Framing Your Content

CSS Borders are used to define the visual boundaries of an element. They allow you to add structure, separate components, and enhance the overall design through width, color, and rounded corners.

Border Properties

• border-width — Controls the thickness of the border.
• border-style — Solid, dashed, dotted, or double styles.
• border-color — Defines the color of the outline.
• border-radius — Creates beautiful rounded corners.

Example Syntax

.card {
  border: 2px solid #8b5cf6;
  border-radius: 20px;
}