CSS Examples

A comprehensive collection of CSS examples ranging from basic to advanced.

CSS Examples

Learn by example! This reference contains a wide variety of CSS examples that you can edit and test yourself.

Basic CSS Examples

Syntax: How to write CSS rules.
Selectors: How to select HTML elements to style.
Colors: How to use names, HEX, RGB, and HSL colors.
Backgrounds: Setting background colors and images.

Box Model Examples

Borders: Styling borders with different styles, widths, and colors.
Margins: Creating space around elements.
Padding: Creating space inside elements.

Advanced CSS Examples

CSS Flexbox

Create a flexible layout with Flexbox.

1

2

3

Example

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
}