html — как установить цвет фона всей страницы в css
спросил
Изменено 11 месяцев назад
Просмотрено 295 тысяч раз
Я пытаюсь установить желтый цвет фона страницы на yumdom.com.
Я пробовал следующее, и это не удалось:
body{ background-color: yellow;} /*только полоска под заголовком становится желтой.*/ #doc3{ background-color: yellow;} /*результат тот же, что и выше*/ #bd { background-color: yellow;} /*результат тот же, что и выше*/ #yui-main { background-color: yellow;} /* прямоугольник становится желтым и заканчивается там, где заканчивается содержимое. Я хочу, чтобы этот прямоугольник простирался до нижнего колонтитула.*/
Также обратите внимание, что если в инструментах разработчика в Chrome я выделю один из html-элементов выше, я выделю только определенную часть страницы.
Я хочу, чтобы желтый цвет заполнил все пространство между верхним и нижним колонтитулами и не оставил пробелов.
Обратите внимание, что мы используем шаблоны YUI Reset, Fonts и Grids CSS V 2.8.0r4
Большое спасибо!
- html
- css
- jquery-ui-css-framework
Размер тела динамический, он равен размеру его содержимого.
В файле css вы можете использовать:
* {background-color: black}
// Все элементы теперь имеют черный фон.
или
html {background-color: black}
// Страница теперь имеет черный фон, все элементы остались прежними.
<голова> <название> веб-страница <тело> Добро пожаловать на мою страницу
Я уже написал ответ на этот вопрос, но, похоже, он был удален. Проблема заключалась в том, что YUI добавил background-color:white
в элемент HTML. Я перезаписал это, и оттуда все было легко справиться.
Проблема в том, что тело страницы на самом деле не видно. DIV ниже имеют ширину 100% и сами цвета фона, которые переопределяют CSS тела.
Чтобы исправить ничейную территорию, это может сработать. Это не элегантно, но работает.
#doc3 { поле: авто 10px; ширина: авто; высота: 2000 пикселей; цвет фона: желтый; }
4
Я проверил ваш исходный код и обнаружил, что для изменения желтого цвета вам нужно добавить желтый цвет фона в: #left-padding, #right-padding, html, #hd, #main и #yui-main.
Надеюсь, это то, что вы хотели. Увидимся
Вы должны применить его к тегу body.
Сокращение:
тело { фон: черный; }
Отдельное свойство:
тело { цвет фона: черный; }
Вот html: инструкция по изменению цвета фона на YouTube.
В других ответах не упоминается, что существует четыре способа указать/изменить CSS:
- Внешний CSS (с использованием тега
- Внутренний CSS (введите CSS между
тегами