Каким тегом разделить два блока, чтобы покрасить в два разных цвета?
Выполняю задание от 12 ролика по HTML. Нужно создать два блока и покрасить их в красный и зеленый цвета. Но получается только один цвет на оба блока. Нужно видимо разделить их каким то тегом, чтоб покрасить отдельно. Спасибо а ответ.
3 ответов
У двух блоков должны быть разные классы, чтобы не красились. Там дальше интерактивное задание будет с готовым кодом.
Ок, спасибо нашел. Буду делать заново.
Нужно создать отдельный div для двух блоков текста, затем добавить еще один стиль, в котором вместо класса .content написать, например, .content2
<!DOCTYPE html>
<html lang="ua">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Сайтик</title>
<meta name="descrription" content="Урок html розмітки">
<meta name="keywords" content="html,lesson">
</head>
<body>
<div class="content">
<h1>Уроки html розмітки</h1>
<p>Первый параграф.Слово <strong>«ежжи»</strong> произошло от <span class="color_world">русской фразы</span> «есть же».На Кавказе фразу «есть же» исказили до «есть жи» или «жи есть». А потом уже от этого появилось сокращение <strong>«ежжи»</strong>.</p>
</div>
<div class="content2">
<p>Второй параграф.Слово <strong>«ежжи»</strong> произошло от русской фразы «есть же». На Кавказе фразу «есть же» исказили до «есть жи» или «жи есть». А потом уже от этого появилось сокращение <strong>«ежжи»</strong>.</p>
</div>
<style type="text/css">
.content {
background-color: red;
}
</style>
<style type="text/css">
.content2 {
background-color: green;
}
</style>
</body>
</html>