Back to CSS

CSS Tutorial

Borders and Shadows

Use borders and shadows to separate, frame, and elevate elements.

Borders can define the edges of elements, while shadows can create depth.

Use subtle shadows for professional interface design.

css
.card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}