Как с помощью HTML для одной веб страницы в разных местах сделать разный цвет фона?

Question

dimashkusherbaev14 @dimashkusherbaev14

да

Как с помощью HTML для одной веб страницы в разных местах сделать разный цвет фона?

Мне нужно на одной веб странице сделать так чтобы сверху например цвет фона страницы был один, а снизу другим:

На картинке видно что фон верхней части страницы серый, а нижний фон страницы белый, как сделать также?

Вопрос задан более трёх лет назад
555 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

WapSter @wapster92 Куратор тега CSS

Ну раздели страницу на несколько блоков и задай им цвет. Всё более элементарные вещи люди спрашивают жесть

Написано более трёх лет назад
Сергей delphinpro @delphinpro Куратор тега CSS

WapSter, да уж. Ждем вопросов, как добавить на страницу изображение, как вывести заголовок...

Написано более трёх лет назад
Spartak (Web-StyleStudio) @Spartak-2205

dimashkusherbaev14,
На картинке видно что фон верхней части страницы серый, а нижний фон страницы белый, как сделать также?

Ну а в чём проблема?, на скриншоте два блока, у каждого из них свой background-color, у всей страницы может быть тоже другой

Написано более трёх лет назад
Антон Литвиненко @AntonLitvinenko

WapSter, дык пятница ж

Написано более трёх лет назад

Решения вопроса 1

6 комментариев

dimashkusherbaev14 @dimashkusherbaev14 Автор вопроса

они будут находиться в main? Или я должен создать отдельно другой блок в body?

Написано более трёх лет назад
SeptemberOlya @SeptemberOlya
Тут у вас целая страница, можно сверстать так:

<body> <main> <section class="block-grey"></section> <section class="block-white"></section> </main> </body>

Название классов пишите те, которые вам надо и которые хотите, я для примера)
Так же тег section используйте, если в них будут заголовки (h1-h6), а если нет, то используйте вместо section div
Написано более трёх лет назад
dimashkusherbaev14 @dimashkusherbaev14 Автор вопроса

SeptemberOlya,
пока получилось отвратительнейшее дерьмо
Я не знаю почему так, код написал как вы сказали

Написано более трёх лет назад
SeptemberOlya @SeptemberOlya

dimashkusherbaev14, либо скиньте скрин Вашего кода + стили или закиньте всё на codepan и киньте ссылку. Но Вам же ещё надо были стили прописать, чтобы всё выглядело как надо

Написано более трёх лет назад
dimashkusherbaev14 @dimashkusherbaev14 Автор вопроса

SeptemberOlya, могу ссылку на яндекс или гугл диск кинуть с html и css файлами

Написано более трёх лет назад
SeptemberOlya @SeptemberOlya

dimashkusherbaev14, давайте

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

PHP

+1 ещё

Простой
Как получить id от button?
- 1 подписчик
- час назад
- 28 просмотров
0

ответов
CSS

Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
- 1 подписчик
- 13 часов назад
- 66 просмотров
2

ответа
HTML

+1 ещё

Средний
Форма ввода с использованием ajax. Не работает на сайте, как исправить?
- 1 подписчик
- вчера
- 49 просмотров
0

ответов
CSS

Простой
Почему не центрируется текст?
- 1 подписчик
- вчера
- 121 просмотр
2

ответа
CSS

Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
- 1 подписчик
- 30 мар.
- 172 просмотра
0

ответов
JavaScript

+3 ещё

Простой
Как реализовать обновление цены?
- 1 подписчик
- 29 мар.
- 143 просмотра
0

ответов
HTML

+1 ещё

Простой
Почему видеофайл не доступен напрямую в браузере?
- 1 подписчик
- 29 мар.
- 130 просмотров
3

ответа
HTML

+1 ещё

Простой
Как наложить на фон ещё объекты с текстом внутри?
- 1 подписчик
- 27 мар.
- 129 просмотров
0

ответов
HTML

+2 ещё

Простой
Как просмотреть скрытый sitemap.xml?
- 1 подписчик
- 27 мар.
- 135 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Как заново включить анимацию картинке?
- 1 подписчик
- 26 мар.
- 109 просмотров
1

ответ
Показать ещё Загружается…

Специалист технической поддержки ИТ продукта

inSales

от 60 000 ₽

Парсер для сайта

Rotormine

от 10 000 до 100 000 ₽

JavaScript веб-разработчик (Backend)

TurboProject

от 60 000 ₽

Ну раздели страницу на несколько блоков и задай им цвет. Всё более элементарные вещи люди спрашивают жесть
WapSter, да уж. Ждем вопросов, как добавить на страницу изображение, как вывести заголовок...
dimashkusherbaev14,
На картинке видно что фон верхней части страницы серый, а нижний фон страницы белый, как сделать также?

Ну а в чём проблема?, на скриншоте два блока, у каждого из них свой background-color, у всей страницы может быть тоже другой

Answer 1 · 2021-06-04 16:37:34

Сделайте два блока с разными классами и задайте им background-color или можно задать тегу body background: linear-gradient(); и указать два цвета по 50%.

Но тут видно, что это должны быть блоки( секции ), а им уже можно задать классы и разный фон

Как с помощью HTML для одной веб страницы в разных местах сделать разный цвет фона?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт