Редактор кода от W3Schools - Tryit

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../styles/w3.css">
<body>

<div class="w3-container">
  <h1>Цвета фона</h1>
  <p>Классы w3-color определяют цвета фона для элементов HTML:</p>
</div>

<div class="w3-container w3-red">
  <h2>Лондон</h2>
  <p>Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.</p>
</div>

<div class="w3-container w3-teal">
  <h2>Лондон</h2>
  <p>Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.</p>
</div>

<div class="w3-container w3-yellow">
  <h2>Лондон</h2>
  <p>Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.</p>
</div>

<div class="w3-container w3-gray">
  <h2>Лондон</h2>
  <p>Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.</p>
</div>

<div class="w3-container w3-grey">
  <h2>Лондон</h2>
  <p>Лондон - самый густонаселенный город в Соединенном Королевстве, с населением более 9 миллионов человек.</p>
</div>

</body>
</html>