Styling van Tekst, Kleuren en Achtergronden

Hieronder zijn een aantal voorbeelden aangegeven van de basis mogelijkheden van CSS opmaak.

Tekst

• Lettertype instellen:

  body {
      font-family: 'Helvetica', sans-serif;
  }

• Lettergrootte:

  p {
      font-size: 16px;
  }

• Letterdikte:

  h1 {
      font-weight: bold;
  }

• Tekstkleur:

  h2 {
      color: #00539C;
  }

   

Kleuren

Kleuren kunnen worden opgegeven met:

• Naam:

   

  p {
      color: red;
  }

   

• Hexadecimale waarde:

   

  p {
      color: #ff0000;
  }

   

• RGB-waarde:

   

  p {
      color: rgb(255, 0, 0);
  }

   

Achtergronden

• Achtergrondkleur:

  body {
      background-color: #f0f0f0;
  }

   

• Achtergrondafbeelding:

  body {
      background-image: url('achtergrond.jpg');
      background-size: cover;
  }