CSS Dojo道場 · practice
All tracks

Track

Backgrounds & Borders

Border width, style and color; rounded corners; gradients; and shadows — the paint that makes boxes look like something.

  1. 01Borders add real size★★★
  2. 02Give the border a color★★★
  3. 03Rounding the corners★★★
  4. 04Painting the background★★★
  5. 05A linear gradient★★★
  6. 06A radial gradient★★★
  7. 07Sizing and placing a background★★★
  8. 08Repeating a background★★★
  9. 09A shadow outside the box★★★
  10. 10Boss: build the badge★★★