Невозможно изменить цвет фона в CSS — CSS
css1432620014 1
Я хочу изменить цвет фона в элементе div CSS, где я ранее объявил цвет фона в родительском элементе. Это не. работает, Это, наверное, что-то простое, но я в тупике.
[кодовый байт]
[/кодовый байт]
Чайный уют
Это будет blackspoce
Наша миссия
Собранный вручную, отобранный вручную, свободный выгул, экологичный, небольшая партия, справедливая торговля, органический чай
Это будет черная точка
[кодовый байт]
[/codebyte]
/* Универсальные стили */
body {
семейство шрифтов: «Helvetica», без засечек;
размер шрифта: 22 пикселя;
цвет фона: черный;
цвет: морская ракушка;
выравнивание текста: по центру;
отступ: 3 пикселя;
padding-inline-end: 3px;
}
a {
оформление текста: подчеркивание;
цвет: морская ракушка;
}
h3, h4, h5 {
поле: 0;
отступ: 5px;
}
/* Раздел миссии */
Mission {
цвет фона: желтый;
высота: 700 пикселей;
ширина: 1200 пикселей;
padding-top: 70px;
дисплей: гибкий;
выравнивание содержимого: по центру;
элементы выравнивания: по центру;
}
Баннер {
цвет фона: черный;
ширина: 1200 пикселей;
}
текст5245492894 2
У вас есть «Баннер { background-color: black; }». Попробуйте поставить точку перед словом «Баннер».
(замечу, что в вашем наборе правил для тела цвет фона черный, а цвет морской ракушки; должно ли быть наоборот?)
css1432620014 3
Спасибо за ответ. К сожалению, добавление точки не решило проблему.
Указанные цвета верны, и я понимаю, что морская ракушка не будет хорошо работать с желтым фоном. В конечном итоге у меня будет фоновое изображение в разделе .Mission, но синтаксис для изменения фона менее подвержен ошибкам, чем синтаксис и путь для импорта изображения. Я считаю, что то, что мешает мне изменить цвет фона, также помешает мне добавить изображение.
текст5245492894 4
Я только что понял, что ваш баннер — это идентификатор вашего div, поэтому вам следует попробовать «#Banner».
css1432620014 5
Еще раз спасибо. Я пробовал использовать «Миссия» и «Баннер» с точкой и без хэштега. Ни одна из этих комбинаций не изменила внешний вид веб-страницы.
Я знаю, что на этом форуме размещены полные индексы и страницы стилей, но я узнаю больше, копаясь в одной проблеме за раз. Лист решения не поможет мне понять, почему мой код не работает.
текст5245492894 6
В кодовом байте HTML цвет черный, а фоновый цвет — морская ракушка.
css1432620014 7
Они показывают раздел тела в верхней части CSS. Лист, еще раз спасибо
body {
семейство шрифтов: «Helvetica», без засечек;
размер шрифта: 22 пикселя;
цвет фона: черный;
цвет: морская ракушка;
выравнивание текста: по центру;
непрозрачность: 0,9;
отступ: 3 пикселя;
padding-inline-end: 3px;
}
css1432620014
Это больше не проблема. Это была моя первая попытка написать сайт с нуля. После дополнительного просмотра моих заметок и документации я понял, что существует множество проблем как с CSS, так и с HTML.
Я удалил всю папку и снова начну с проекта Tea Cozy. Разочаровывает, но хороший опыт обучения.
1 Нравится
система Закрыто 9
Эта тема была автоматически закрыта через 41 день после последнего ответа. Новые ответы больше не допускаются.
Как разделить фон на 2 цвета с помощью CSS | Мигель Нуньес
Как разделить фон на 2 цвета с помощью CSS | Мигель Нуньес | Средний3 мин чтения
·
3 февраля 2022 г.
В этом уроке я научу вас, как разделить фон на два цвета. Не волнуйтесь, это очень просто и не требует сложного кода. Давайте начнем.
CSS:
Удалите отступы и поля по умолчанию для элементов.
*{
заполнение: 0;
поле: 0;
} Автор Miguel Nunez
191 Последователи
Просто парень, который любит разрабатывать программное обеспечение.
Канал на YouTube: https://www.youtube.com/@codefoxx/videos
Еще от Мигеля Нуньеса
Мигель Нуньес
Как загрузить и просмотреть изображение с помощью JavaScript
Когда вы впервые научитесь загружать изображение в свой проект, скорее всего, вы будете довольны с просто добавление файла успешно …
·4 мин чтения·8 августа 2021 г.
Miguel Nunez
HTML, CSS и JavaScript — Как показать/скрыть пароль с помощью значка глаза
В этом уроке я Я покажу вам, как реализовать функцию отображения/скрытия пароля в поле ввода пароля. Почему вы хотите это сделать…
·2 минуты чтения·2 августа 2022 г.
Miguel Nunez
Функциональность rag & Drop
·14 мин чтения · 28 декабря 2022 г.
Мигель Нуньес
Как подсчитать количество посещений вашего веб-сайта с помощью Count API — JavaScript
Вы когда-нибудь задумывались, сколько посещений получает ваш веб-сайт? В этом уроке я научу вас, как отслеживать это всего за 4 простых шага с помощью…
·5 минут чтения·1 февраля 2022 г.
Просмотреть все от Miguel Nunez
Рекомендовано Medium
Philosophical Techie
9 проектов, которые помогут вам стать мастером Frontend в 2023 году
Где бы вы ни были
·5 мин чтения·3 февраля
Christine Vallaure
in
Ultimate Guide to Color in UX/UI-дизайн
Советы, теория и лучшие практики для начинающих и продвинутых
·11 минут чтения·20 июня 2021 г. историй·25 сохранений
Персонал Выбор
302 истории·62 сохранения
Christie Tang
in
Адаптивные сетки и как их на самом деле использовать
Подробное объяснение для дизайнеров, как использовать сетки для адаптивных дизайн и как все будет масштабироваться между точками останова.
·11 минут чтения·18 апреля 2019 г.
Викалп Кошик
в
Как я использую ChatGPT в качестве дизайнера UI/UX
Использование ChatGPT сделал меня лучшим дизайнером
·5 мин чтения · 27 января
Thalion
in
2023 Тенденции дизайна UX/UI
Время для некоторых прогнозов, которые помогут нам спланировать цели на следующий год
· 8 мин чтения· 6 декабря 2022 г.