Разное

Css фон страницы: background-image | htmlbook.ru

07.01.2023

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:

  1. Внешний CSS (с использованием тега для добавления вашего CSS)
  2. Внутренний CSS (введите CSS между тегами