Kolory zapisane na trzy sposoby

CSS: kolory, tekst i selektory - HTML i CSS: pierwsze strony (HTML/CSS/JS)

Kolor w CSS zapiszesz nazwą (tomato), kodem szesnastkowym (#1e90ff) albo funkcją rgb(30, 144, 255), gdzie trzy liczby od 0 do 255 to ilość czerwieni, zieleni i niebieskiego. Kod #1e90ff to te same trzy liczby zapisane szesnastkowo: 1e, 90 i ff. Arkusze INF.03 podają kolory zwykle kodem, np. #4682b4. Dodatkowo text-decoration: underline podkreśla tekst, a line-height zwiększa odstęp między wierszami.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Kolory</title>
  <style>
    .nazwa {
      color: tomato;
    }
    .hex {
      color: #1e90ff;
    }
    .rgb {
      color: rgb(30, 144, 255);
      text-decoration: underline;
    }
    .dlugi {
      line-height: 1.8;
      background-color: #f0f0f0;
    }
  </style>
</head>
<body>
  <h1>Trzy zapisy koloru</h1>
  <p class="nazwa">Kolor podany nazwą: tomato.</p>
  <p class="hex">Kolor podany kodem: #1e90ff.</p>
  <p class="rgb">Ten sam niebieski zapisany jako rgb(30, 144, 255).</p>
  <p class="dlugi">Ten akapit ma większy odstęp między wierszami, więc długi tekst czyta się wygodniej. Zmniejsz okno podglądu, aby zobaczyć kilka wierszy.</p>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu HTML i CSS: pierwsze strony · Zaloguj się, aby zapisać postęp na koncie.