background-color заливает цветом не всю часть страницы
Столкнулся с такой проблемой: мне нужно изменить цвет фона определённой части страницы, но при использовании background-color цвет меняется не на всю страницу, остаётся немного места по бокам.
Ниже код.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Проверка</title>
</head>
<body style="color: white; background-color: #101010; font-family: Arial;">
<header style="background-color: #1e1e1e; size: 20;">
<p align="center">Такой-то сайт</p>
</header>
<main>Что-то там</main>
<footer style="background-color: #1e1e1e;">Контактные данные:<br><a href="[email protected]">[email protected]</footer>
</body>
</html>Ответы (1 шт):
Автор решения: Wild Zyzop
→ Ссылка
Большинство элементов HTML имеют стили по умолчанию, для body это { display : block; margin : 8px; }.
Поэтому нужно добавить правило margin: 0px; к стилю body:
<body style="margin: 0px; color: white; background-color: #101010; font-family: Arial;">
Подробнее дефолтные стили можно посмотреть, например, тут: https://www.w3schools.com/cssref/css_default_values.asp