Содержание

Изменение цвета фона в html

Цвет фона является достаточно важным элементом любой веб-страницы. Во-первых, он задает нужное настроение и общий настрой сайта, а во-вторых, облегчает восприятие текста.

Цвет фона веб-страницы задается с использованием атрибута bgcolor тега .

Пример 1. Изменение цвета фона

Цвет можно указывать в шестнадцатеричном значении или по его имени.

Несмотря на то, что для фона можно указывать любой цвет, на большинстве сайтов используются преимущественно белый фон и черные буквы, как наиболее устоявшийся вариант.

Фоновый рисунок

В качестве фона можно использовать любое подходящее для этого изображение. Фон не должен отвлекать внимание от текста, при этом должен хорошо сочетаться с цветовой гаммой веб-страницы и быть маленьким по размеру, чтобы быстро загружаться. Если после перечисленного вы все еще хотите добавить фоновый рисунок на страницу, следует воспользоваться атрибутом background тега .

Пример 2.

Добавление фонового рисунка

Если изображение меньше размера экрана монитора, оно будет размножено по горизонтали и вертикали.

Поскольку фоновый рисунок загружается медленнее, чем цвет фона, может получиться, что текст не будет читаться некоторое время, пока не произойдет загрузка рисунков. То же самое может случиться и при отключенных в браузере рисунках. Поэтому рекомендуется всегда задавать цвет фона наряду с фоновым рисунком (пример 3).

Пример 3. Использование фонового рисунка и цвета фона

Фиксированный фон

По умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью атрибута bgproperties =» fixed » тега .

Пример 4. Задание фиксированного фона

При указании атрибута bgproperties , как показано в примере 4, фоновый рисунок на веб-странице будет оставаться неподвижным, а текст, рисунки и другие элементы станут перемещаться вместе с полосой прокрутки.

В этой статье мы рассмотрим свойства CSS , связанные с цветом. Прочитав ее, вы узнаете:

  • как на веб-странице изменить цвет текста;
  • как добавить цвет или изображение для фона;
  • как добавить тени;
  • как изменять прозрачность.

Цвет текста

Вы наверняка уже знаете о свойстве, используемом для изменения цвета текста – это свойство color . Мы рассмотрим различные способы указания цвета.

Указание названия цвета

Самый простой и удобный способ указать цвет — это ввести его название. Единственным недостатком этого метода является то, что существует только шестнадцать так называемых « стандартных » цветов.

На приведенном ниже рисунке показано шестнадцать цветов, которые можно использовать, введя их название:

Шестнадцать названий цветов, которые можно использовать в CSS

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

Заголовок отображается коричневым цветом

Шестнадцатеричные обозначения

Шестнадцать цветов — это мало, если учесть, что большинство мониторов могут отображать шестнадцать миллионов цветов.

Но представьте, если бы нужно было задать название каждому из шестнадцати миллионов оттенков …

К счастью, в CSS предусмотрено несколько способов выбора цвета. Первый способ — шестнадцатеричное значение. Вот как выглядит название цвета в шестнадцатеричном формате: #FF5A28 . Это комбинация букв и цифр, которые указывают цвет.

Всегда нужно начинать с указания символа хэша (#) , за которым следует шесть букв или цифр от 0 до 9 и от A до F .

Эти буквы или цифры работают парами. Первые две цифры указывают количество красного, две следующие — зеленого, а две последние — голубого. Смешивая эти значения ( которые являются компонентами Red-Green-Blue в цвете ), можно получить любой цвет.

Таким образом, #000000 соответствует черному цвету, а #FFFFFF — белому.

Некоторые графические программы, такие как Photoshop , Gimp и Paint.NET , позволяют указывать цвета в шестнадцатеричном формате.

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

При этом допускается сокращенная запись: можно указать цвет с помощью только трех символов. Например: #FA3 эквивалентно #FFAA33 .

Метод RGB

Red-Green-Blue , сокращенно обозначаемый как « RGB ». Как и в шестнадцатеричном коде, чтобы выбрать цвет, необходимо определить количество красного, зеленого и синего.

Это намного практичнее, и с помощью простой программы для рисования, такой как Paint , можно найти нужный цвет. Вот действия, которые необходимо выполнить:

  1. Зайдите в меню « Пуск », найдите в нем программу Paint и запустите ее.
  2. Перейдите в раздел « Редактировать цвета », как показано на рисунке, приведенном ниже.
  3. Откроется окно. В поле справа переместите ползунки, чтобы выбрать нужный цвет. Предположим, нужно вывести заголовки

розовым цветом. Выберите цвет в окне, как показано на рисунке, приведенном ниже.

  • Обратите внимание на соответствующие значения Red-Green-Blue , указанные в правом нижнем углу окна. Введите эти значения в том же порядке в CSS .
  • Изменение цвета в Paint

    Выбор цвета в Paint

    Чтобы использовать метод RGB , нужно ввести rgb ( Red, Green, Blue ), заменив « Red, Green, Blue » соответствующими числами в диапазоне от 0 до 255 .

    Цвет фона

    Чтобы указать цвет фона html-страницы , используйте свойство CSS background-color. Оно используется так же, как и свойство color, другими словами, можно ввести название цвета, его шестнадцатеричное значение или RGB .

    Чтобы указать цвет фона для веб-страницы, необходимо работать с html-тегом

    Рассмотрите приведенный ниже код CSS :

    Результат работы этого кода простой html страницы с фоном:

    Белый текст на черном фоне

    CSS и наследование

    В CSS , если вы применяете стиль к тегу, все теги, которые находятся внутри него, будут иметь тот же стиль.

    Если я применил черный цвет фона и белый цвет текста к тегу

    , все заголовки и абзацы также будут иметь черный фон и белый текст… Это называется наследованием: теги, которые находятся внутри другого тега, « наследуют » его свойства.

    Это также отображено в названии « CSS », что переводится как « Каскадные таблицы стилей ». Свойства CSS наследуются в каскаде: если вы задаете стиль элементу, все его дочерние элементы будут иметь тот же стиль.

    Это означает, что весь текст моей веб-страницы обязательно будет белым?

    Нет, не обязательно. Если вы позже укажете, что хотите, чтобы заголовки были красными, этот стиль будет иметь приоритет, и заголовки станут красными.

    Наследственность работает не только для цвета. Все свойства CSS наследуются. Например, можно назначить жирный шрифт в теге

    , и все заголовки и абзацы будут отображаться жирным шрифтом.

    Пример наследования с тегом

    Многие уверены, что они могут изменять только цвет фона html-страницы . Это не так: можно изменить фон любого элемента: заголовков, абзацев, определенных слов и т. д. В этом случае они будут выделены (как если бы они были отмечены маркером).

    Например, существует тег

    , который используется для выделения определенных слов. Давайте используем его здесь:

    По умолчанию текст отображается на желтом фоне. Можно изменить это с помощью CSS :

    Красный цвет фона применяется к тексту тега

    . Действительно, даже если фон html-страницы черный, это свойство CSS для наиболее специфичного элемента имеет приоритет ( смотрите рисунок, приведенный ниже ):

    Красный выделенный текст на черном фоне

    Тот же принцип применим ко всем HTML-тегам и свойствам CSS .

    Если вы скажете:

    • Текст абзацев у меня отображается шрифтом с размером 1,2em ;
    • Важные тексты (

    ) у меня отображается шрифтом с размером 1,4 em .

    … то можете подумать, что возникнет конфликт. Если важный текст является частью абзаца, шрифтом какого размера он должен отображаться? 1,2 em или 1,4 em ? CSS решит, что наиболее специфичное объявление имеет приоритет: поскольку

    соответствует более специфичному элементу, чем параграфы, текст будет выводиться шрифтом с размером 1.4 em.

    Фоновые изображения

    В следующих примерах вы узнаете, как задать фон страницы в html. Но не забывайте, что фоновое изображение не обязательно относится ко всей странице. Также можно поместить фоновое изображение под заголовки, абзацы и т. д.

    Как сделать изображение фоном страницы в html

    Свойство, используемое для указания фонового изображения ( в каком-то смысле его можно назвать тегом фона html-страницы ) — background-image . В качестве значения необходимо указать url(«nom_de_l_image. png») . Например:

    В результате мы получим:

    Фоновое изображение страницы

    Адрес, указывающий местоположение фонового изображения, может быть записан как абсолютный адрес ( http: // … ) или как относительный ( fond.png ).

    Будьте внимательны при указании относительных адресов в файле CSS . Адрес изображения должен быть указан относительно файла .css , а не относительно файла .html . Чтобы упростить ситуацию, советую размещать фоновое изображение в той же папке, что и файл .css .

    Параметры фонового изображения

    Свойство background-image , которое мы только что рассмотрели, может быть дополнено несколькими другими, которые позволяют изменять поведение фонового изображения.

    background-attachment: прикрепление фона

    Свойство CSS background-attachment используется для « закрепления » фона. Полученный эффект позволяет сделать так, чтобы фон « прокручивался » вместе с текстом. Доступны два значения:

    • fixed : фоновое изображение остается закрепленным;
    • scroll : фоновое изображение прокручивается вместе с текстом ( значение по умолчанию ).
    background-repeat: повторение фона

    По умолчанию фоновое изображение повторяется в виде мозаики ( таким образом, фон html-страницы распространяется на весь экран ). Вы можете изменить это с помощью свойства background-repeat:

    • no-repeat : фон не будет повторяться. Изображение будет размещено на странице в одном экземпляре.
    • repeat-x : изображение будет повторяться только в первой строке, горизонтально.
    • repeat-y : изображение будет повторяться только в первом столбце по вертикали.
    • repeat : фон будет повторяться в виде мозаики (значение по умолчанию).
    background-position: положение фона

    Также можно указать позицию фонового изображения с помощью background-position . Это свойство полезно только в комбинации с background-repeat: no-repeat ; ( фон, который не повторяется ).

    Нужно ввести два значения в пикселях, чтобы указать положение фона относительно верхнего левого угла страницы ( или абзаца, если вы применяете фон к абзацу ). Поэтому, если вы введете:

    … фон будет сдвинут на 30 пикселей левее и 50 пикселей выше. Также можно использовать следующие значения:

    • top : вверху;
    • bottom : внизу;
    • left : слева;
    • center : по центру;
    • right : справа.

    Их можно комбинировать. Например, чтобы разместить фоновое изображение в правом верхнем углу, нужно ввести:

    Если я хочу отображать солнце в качестве фонового изображения ( следующий рисунок ), только один раз ( no-repeat ), всегда видимым ( fixed ) и расположенным в правом верхнем углу ( top right ), то следует написать следующий код фона html-страницы :

    Солнце в качестве фонового изображения в правом верхнем углу

    Сочетание свойств

    Если вы применяете к фону много свойств, то можно использовать своего рода « супер-свойство », называемое background . Его значение может сочетать в себе несколько ранее рассмотренных свойств: background-image , background -repeat , background-attachment и background-position .

    Таким образом, можно написать:

    Это первое « супер-свойство », которое я вам показываю, но будут и другие. Вы должны знать следующее:

    1. Порядок значений не важен. Можно комбинировать значения в любом порядке.
    2. Не нужно вводить все значения. Поэтому, если не хотите вводить fixed, можно удалить его.

    Несколько фоновых изображений

    Начиная с CSS3 , можно указывать для элемента несколько фоновых изображений. Для этого разделите их объявления запятой:

    Первое изображение из этого списка будет помещено поверх других ( рисунок, приведенный ниже ). Порядок объявления изображений имеет значение: если вы поменяете местами солнце и снег в приведенном выше коде CSS , то больше не увидите солнца.

    Несколько фоновых изображений

    Несколько фоновых изображений работают во всех браузерах кроме устаревших версий Internet Explorer , который распознает эту функцию, только начиная с версии 9 ( IE9 ).

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

    Прозрачность

    CSS позволяет легко изменять уровни прозрачности элементов. Для этого мы будем использовать свойство opacity и модель RGBa .

    Свойство opacity или как сделать фон страницы в html прозрачным

    Свойство opacity используется для указания уровня непрозрачности ( который является обратным для прозрачности ).

    • При значении 1 элемент будет полностью непрозрачным: это поведение по умолчанию.
    • При значении 0 элемент будет полностью прозрачным.

    Вам нужно выбрать значение от 0 до 1 . При значении 0,6 элемент будет на 60% непрозрачным, и вы сможете видеть сквозь него!

    Вот как это можно использовать:

    Вот пример, который даст представление о прозрачности.

    Прозрачный абзац

    Прозрачность работает во всех браузерах, включая Internet Explorer , начиная с версии IE9 и выше.

    Если вы примените свойство opacity к элементу веб-страницы, все содержимое этого элемента станет прозрачным. Если хотите сделать цвет фона прозрачным, лучше всего использовать указание RGBa .

    Модель RGBa

    CSS3 предоставляет еще один способ изменения прозрачности: модель RGBa . Это RGB , которое мы рассматривали ранее, но с четвертым параметром: уровнем прозрачности ( альфа-каналом ). При значении 1 фон полностью непрозрачен. При значении менее 1 он становится прозрачным.

    Это обозначение распознают все современные браузеры, включая Internet Explorer ( начиная с версии IE9 и выше ). Для устаревших браузеров рекомендуется указывать стандартный код RGB , в дополнение к RGBa .

    Заключение

    Мы изменяем цвет текста с помощью свойства color , а цвет фона — с помощью background-color . Также его можно использовать как способ растянуть фон на всю html-страницу .

    Можно указать цвет, введя его имя ( например, black ), значение в шестнадцатеричном формате ( #FFC8D3 ) или указав код RGB ( rgb(250,25,118) ).

    Также можно добавить фоновое изображение с помощью свойства background-image , закрепить фоновое изображение, отобразить его как мозаичный рисунок и даже разместить в любом месте веб-страницы.

    Вы также можете сделать часть веб-страницы прозрачной с помощью свойства opacity или с помощью указания RGBa .

    Данная публикация представляет собой перевод статьи « Color and background » , подготовленной дружной командой проекта Интернет-технологии.ру

    В уроке Основы HTML мы рассмотрели самые главные html теги, которые являются обязательными и присутствуют в любом html документе.

    В данном уроке мы рассмотрим, как с помощью одного из этих тегов задать цвет фона html документа.

    Вероятно, вы уже не раз видели, что цвет фона на html страничках не всегда бывает белым. Белый цвет это цвет фона, который устанавливается браузером по умолчанию, если не указан какой ни, будь другой цвет.

    Цвет фона всего html документа, задается в теге . Теперь сделаем фон нашего документа, например желтым. Для этого в теге необходимо прописать атрибут bgcolor=»#FFFF99″. Прописывается данный атрибут следующим образом:

    Изменить цвет фона сайта (background color) с помощью HTML

    Существует очень простой HTML код, который позволит посетителям выбрать фон сайта с помощью переключателя, который разберем в данном посте


    .
    .
    .
    .

    Рассмотрим код подробнее:

    1
    2
    3
    4
    5
    6
    7
    
    <table border=0 align=center><tr><td><DIV class=text3><form>
    <input type=button value="белый"onClick="document.bgColor= 'White'">
    <input type=button value="зеленый"onClick="document.bgColor= '#006400'">
     <input type=button value="красный"onClick="document.bgColor= '#FF0000'">
     <input type=button value="синий"onClick="document.bgColor='#000080'">
     <input type=button value="оранжевый"onClick="document.bgColor= '#FFA500'">
     </form></td></table>

    <table border=0 align=center><tr><td><DIV class=text3><form><input type=button value=»белый»onClick=»document.bgColor= ‘White'»><input type=button value=»зеленый»onClick=»document.bgColor= ‘#006400′»> <input type=button value=»красный»onClick=»document.bgColor= ‘#FF0000′»> <input type=button value=»синий»onClick=»document. bgColor=’#000080′»> <input type=button value=»оранжевый»onClick=»document.bgColor= ‘#FFA500′»> </form></td></table>

    В данном коде приведен пример с пятью цветами: белый, зеленый, красный, синий и оранжевый. Можно сделать больше.

    6273f13fc8f4149a14999e4183d1538d001

    1
    
    <input type=button value="зеленый"onClick="document.bgColor= '#006400'"> // код кнопки: текст на кнопке (название цвета), при нажатии изменяется цвет фона на #006400

    <input type=button value=»зеленый»onClick=»document.bgColor= ‘#006400′»> // код кнопки: текст на кнопке (название цвета), при нажатии изменяется цвет фона на #006400

    Для добавления еще одной кнопки изменения цвета фона используйте вышеприведенную строку с названием кнопки и указанием цвета.

    А в конце кода не забудьте вставить закрывающие теги:

    Демо пример в работе:

    Facebook

    Twitter

    Вконтакте

    Google+

    Поделиться:

    Записи по теме:

    Не удается найти страницу | Autodesk Knowledge Network

    (* {{l10n_strings. REQUIRED_FIELD}})

    {{l10n_strings.CREATE_NEW_COLLECTION}}*

    {{l10n_strings.ADD_COLLECTION_DESCRIPTION}}

    {{l10n_strings.COLLECTION_DESCRIPTION}} {{addToCollection.description.length}}/500 {{l10n_strings.TAGS}} {{$item}} {{l10n_strings.PRODUCTS}} {{l10n_strings.DRAG_TEXT}}  

    {{l10n_strings.DRAG_TEXT_HELP}}

    {{l10n_strings. LANGUAGE}} {{$select.selected.display}}

    {{article.content_lang.display}}

    {{l10n_strings.AUTHOR}}  

    {{l10n_strings.AUTHOR_TOOLTIP_TEXT}}

    {{$select.selected.display}} {{l10n_strings.CREATE_AND_ADD_TO_COLLECTION_MODAL_BUTTON}} {{l10n_strings.CREATE_A_COLLECTION_ERROR}}

    Цвет фона.

    HTML, XHTML и CSS на 100%

    Читайте также

    Синтаксис множественного фона

    Синтаксис множественного фона Поставить эти четыре изображения в качестве фона элемента body очень просто с использованием нового синтаксиса CSS3:body { background: url(../img/stars-1.png) repeat-x fixed -130% 0, url(../img/stars-2.png) repeat-x fixed 40% 0, url(../img/space-bg.png) repeat-x fixed -80% 0, url(../img/clouds.png) repeat-x fixed 100% 0; background-color: #1a1a1a;

    ГЛАВА 8. Параметры шрифта и фона. Контейнеры 

    ГЛАВА 8. Параметры шрифта и фона. Контейнеры  В предыдущей главе мы познакомились со стилями и таблицами стилей CSS, с помощью которых создается представление Web-страниц. Мы изучили четыре разновидности стилей и две разновидности таблиц стилей и выяснили, как их правильно

    Параметры фона

    Параметры фона Закончив с параметрами текста, займемся фоном. Фон можно указать для фрагмента текста (встроенного элемента), блочного элемента, таблицы, ее ячейки и всей Web-страницы. Хорошо подобранный фон может оживить Web-страницу и выделить отдельные ее

    Параметры фона

    Параметры фона Закончив с параметрами текста, займемся фоном. Фон можно указать для фрагмента текста (встроенного элемента), блочного элемента, таблицы, ее ячейки и всей Web-страницы. Хорошо подобранный фон может оживить Web-страницу и выделить отдельные ее

    1.3.3.1. Изменение фона рабочего стола

    1.3.3.1. Изменение фона рабочего стола Выберите команду меню Система?Параметры?Оформление?Внешний Вид (или щелкните правой кнопкой на рабочем стопе и выберите в раскрывшемся контекстном мню команду Изменить фон рабочего стола). Раскроется окно Настройка внешнего вида (рис.

    24.2. Изменение фона страницы входа в систему

    24.2. Изменение фона страницы входа в систему Страницу входа в систему мы видим не так часто, чтобы можно было предъявлять к ее красоте какие-то особые требования. Тем не менее изменить фон этой страницы можно, и сделать это достаточно просто. В Интернете существуют огромные

    Замена фона в панели инструментов в Проводнике

    Замена фона в панели инструментов в Проводнике Существует возможность установки своего фона для панели инструментов в Проводнике. Для этого в разделе реестра HKEY_CURRENT_USERSOFTWAREMicrosoftInternet ExplorerToolbar создайте строковый параметр BackBitmapShell, значением которого будет полное имя

    Замена фона в панели инструментов в Internet Explorer

    Замена фона в панели инструментов в Internet Explorer Существует возможность установки своего фона для панели инструментов в Internet Explorer. Для этого в разделе реестра HKEY_CURRENT_USERSOFTWAREMicrosoftInternet ExplorerToolbar создайте строковый параметр BackBitmap, значением которого будет полное имя BMP-файла с

    Замена фона в панели инструментов в Internet Explorer

    Замена фона в панели инструментов в Internet Explorer Существует возможность установки своего фона для панели инструментов в Internet Explorer. Для этого в разделе HKCUSOFTWAREMicrosoftInternet ExplorerToolbarсоздайте строковый параметр ·BackBitmap·, значением которого будет полное имя BMP-файла с нужной

    Выбор и настройка цветового фона публикации

    Выбор и настройка цветового фона публикации Вы можете не только выбрать цветовую схему для каждого рекламного материала, но и настроить цветовой фон публикации. Для этого перейдите в режиме Фон, в результате область задач примет вид, как на рис. 7.11. Рис. 7.11. Работа в режиме

    Цвет

    Цвет Сообщения компьютера во время диалога с пользователем даются голубым цветом; кроме того, важные слова, отражающие основные идеи или понятия, используемые в данной главе, мы помещаем перед текстом главы и печатаем также голубым

    17.3.2. Изменение фона слайда

    17.3.2. Изменение фона слайда На вкладке Фоны страниц (рис. 17.7) вы можете изменить фон слайда. Можно изменить фон всех слайдов сразу, а можно — фон только выделенных слайдов. При двойном щелчке на понравившемся фоне изменения будут применены ко всем слайдам (обычно дизайн

    3.

    3.2. Изменение фона рабочего стола

    3.3.2. Изменение фона рабочего стола Окно Персонализация (рис. 3.12) позволяет изменить все параметры рабочего стола — от фонового рисунка до заставки (хранителя экрана). Откройте это окно. В области Изменение изображения и звука на компьютере вы можете выбрать одну из тем

    Ускорение отображения фрагментов фона

    Ускорение отображения фрагментов фона Как говорилось выше, фон может содержать векторную графику, нарисованную средствами самого Flash. Также фон может включать экземпляры — графические или клипы. Вот о клипах (в смысле, экземплярах образцов-клипов), используемых для

    Выбор фона

    Выбор фона Снимать дома на «естественном» фоне не стоит — такие снимки будут выглядеть слишком домашними, непрофессиональными. Фоном должна служить ровная однотонная поверхность, которая не будет отвлекать внимание от самого предмета. Снимая светлый предмет,

    Как изменить цвет панели навигации в Bootstrap?

    Цвет панели навигации можно изменить в Bootstrap двумя способами:

    Метод 1: Использование встроенных классов цвета

    Изменение цвета текста

    Цвет текста панели навигации можно изменить с помощью двух встроенных классов:

    • navbar-light: этот класс устанавливает цвет текста на темный. Это используется при использовании светлого цвета фона.
    • navbar-dark: этот класс установит цвет текста на свет. Это используется при использовании темного фона.

    Изменение цвета фона:

    Bootstrap 4 имеет несколько встроенных классов для цветов любого фона. Их можно использовать для установки цвета фона панели навигации. Доступны следующие классы фона:

    • .bg-primary: устанавливает основной цвет.
    • .bg-second: устанавливает цвет вторичного цвета.
    • .bg-success: устанавливает цвет для успеха.
    • .bg-danger: устанавливает цвет опасности.
    • .bg-warning: устанавливает цвет предупреждения.
    • .bg-info: устанавливает цвет информационного цвета.
    • .bg-light: Устанавливает цвет на светлый.
    • .bg-dark: устанавливает темный цвет.
    • .bg-white: устанавливает белый цвет.
    • .bg-transparent: устанавливает прозрачность панели навигации.

    Пример:

    <!DOCTYPE html>

    <html>

      

    <head>

        <title>

          How to change navigation bar color in Bootstrap ?

      </title>

      

        

        <link rel="stylesheet" href=

    "https://stackpath. bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

    </head>

      

    <body>

        

        <nav class="navbar navbar-light bg-light">

            <a class="navbar-brand" href="#">

              Light color background

          </a>

        </nav>

      

        <nav class="navbar navbar-light bg-warning">

            <a class="navbar-brand" href="#">

              Warning color background

          </a>

        </nav>

      

        

        <nav class="navbar navbar-dark bg-dark">

            <a class="navbar-brand" href="#">

              Dark color background

          </a>

        </nav>

      

        <nav class="navbar navbar-dark bg-primary">

            <a class="navbar-brand" href="#">

              Primary color background

          </a>

        </nav>

      

        <nav class="navbar navbar-dark bg-secondary">

            <a class="navbar-brand" href="#">

              Secondary color background

          </a>

        </nav>

      

        <nav class="navbar navbar-dark bg-success">

            <a class="navbar-brand" href="#">

              Success color background

          </a>

        </nav>

      

        <div class="container">

            <h2 style="color: green">GeeksforGeeks</h2>

            <b>

              How to change navigation bar color in Bootstrap ?

          </b>

            <p>The above navigation bars use some of the

              default color classes available in Bootstrap4. </p>

        </div>

    </body>

      

    </html>

    Выход:

    Метод 2: Создание пользовательского класса для панели навигации

    Пользовательский класс может быть создан, чтобы указать цвет фона и цвет текста панели навигации. Этот класс стилизован с использованием CSS в соответствии с необходимыми значениями. Имена классов хранятся таким образом, чтобы переопределять встроенные классы панели навигации.

    Цвет фона устанавливается путем непосредственного указания свойства background-color с необходимым цветом.

    /* Modify the backgorund color */
    .navbar-custom {

        background-color: lightgreen;

    }

    Текст панели навигации и цвет текста бренда можно установить с помощью классов . navbar-text и .navbar-brand . Это встроенные классы панели навигации, которые могут быть переопределены с использованием того же имени класса. Цвет текста указывается с помощью свойства color .

    /* Modify brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {

        color: green;

    }

    Пример:

    <!DOCTYPE html>

    <html>

      

    <head>

        <title>

          How to change navigation bar color in Bootstrap ?

      </title>

      

        

        <link rel="stylesheet" 

              href=

    "https://stackpath. bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

      

        <style>

            /* Modify the background color */

              

            .navbar-custom {

                background-color: lightgreen;

            }

            /* Modify brand and text color */

              

            .navbar-custom .navbar-brand,

            .navbar-custom .navbar-text {

                color: green;

            }

        </style>

    </head>

      

    <body>

        

        <nav class="navbar navbar-custom">

            <a class="navbar-brand" href="#">

              Custom color background navbar

          </a>

        </nav>

      

        <div class="container">

            <h2 style="color: green">GeeksforGeeks</h2>

            <b>How to change navigation bar 

              color in Bootstrap ?</b>

            

            <p>The above navigation bar uses a 

              custom class for changing the colors. </p>

        </div>

    </body>

      

    </html>

    Выход:

    Рекомендуемые посты:

    Как изменить цвет панели навигации в Bootstrap?

    0.00 (0%) 0 votes

    Как установить цвет фона CSS HTML с помощью JavaScript

    Изменение CSS для

    HTMLElement

    Вы можете изменить большинство свойств CSS с помощью JavaScript, используйте этот оператор:

     document.querySelector(<selector>).style[<property>] = <new style>
      

    где <selector> , <property> , <new style> — все объекты String .

    Обычно свойство style будет иметь то же имя, что и фактическое имя, используемое в CSS. Но всякий раз, когда существует более одного слова, это будет случай верблюда: например, background-color изменяется на backgroundColor .

    Следующий оператор установит фон для #container на красный цвет:

     documentquerySelector('#container').style.background = 'red'
      

    Вот небольшая демонстрация изменения цвета окна каждые 0,5 с:

     colors = ['rosybrown', 'cornflowerblue', 'pink', 'lightblue', 'lemonchiffon', 'lightgrey', 'lightcoral', 'blueviolet', 'firebrick', 'fuchsia', 'lightgreen', 'red', 'purple', 'cyan']
    
    let i = 0
    setInterval(() => {
      const random = Math.floor(Math.random()*colors.length)
      document.querySelector('.box').style.background = colors[random];
    }, 500)  
     .box {
      width: 100px;
      height: 100px;
    }  
     <div></div>  

    Изменение CSS нескольких

    HTMLElement

    Представьте, что вы хотите применить стили CSS к нескольким элементам, например, сделать цвет фона всех элементов с именем класса box lightgreen . Тогда вы можете:

    1. выберите элементы с помощью .querySelectorAll code> и разверните их в объекте с помощью синтаксис деструктурирования :

       Array  
    2. переберите массив с помощью const elements = [...document.querySelectorAll('.box')] и примените изменения к каждому элементу:

       .forEach  

    Вот демоверсия:

     elements.forEach(element => element.style.background = 'lightgreen')
      
     const elements = [...document.querySelectorAll('.box')]
    elements.forEach(element => element.style.background = 'lightgreen')  
     .box {
      height: 100px;
      width: 100px;
      display: inline-block;
      margin: 10px;
    }  

    Другой метод

    Если вы хотите изменить несколько свойств стиля элемента более одного раза, вы можете рассмотреть возможность использования другого метода: вместо этого свяжите этот элемент с другим классом.

    Предполагая, что вы можете заранее подготовить стили в CSS, вы можете переключать классы, открывая <div></div> <div></div> <div></div> <div></div> элемента и вызывая функцию classList :

     toggle  
     document.querySelector('.box').classList.toggle('orange')  
     .box {
      width: 100px;
      height: 100px;
    }
    
    .orange {
      background: orange;
    }  

    Список свойств CSS в JavaScript

    Вот полный список:

     <div></div>  alignItems
    alignSelf
    animation
    animationDelay
    animationDirection
    animationDuration
    animationFillMode
    animationIterationCount
    animationName
    animationTimingFunction
    animationPlayState
    background
    backgroundAttachment
    backgroundColor
    backgroundImage
    backgroundPosition
    backgroundRepeat
    backgroundClip
    backgroundOrigin
    backgroundSize</a></td>
    backfaceVisibility
    borderBottom
    borderBottomColor
    borderBottomLeftRadius
    borderBottomRightRadius
    borderBottomStyle
    borderBottomWidth
    borderCollapse
    borderColor
    borderImage
    borderImageOutset
    borderImageRepeat
    borderImageSlice
    borderImageSource
    borderImageWidth
    borderLeft
    borderLeftColor
    borderLeftStyle
    borderLeftWidth
    borderRadius
    borderRight
    borderRightColor
    borderRightStyle
    borderRightWidth
    borderSpacing
    borderStyle
    borderTop
    borderTopColor
    borderTopLeftRadius
    borderTopRightRadius
    borderTopStyle
    borderTopWidth
    borderWidth
    bottom
    boxShadow
    boxSizing
    captionSide
    clear
    clip
    color
    columnCount
    columnFill
    columnGap
    columnRule
    columnRuleColor
    columnRuleStyle
    columnRuleWidth
    columns
    columnSpan
    columnWidth
    counterIncrement
    counterReset
    cursor
    direction
    display
    emptyCells
    filter
    flex
    flexBasis
    flexDirection
    flexFlow
    flexGrow
    flexShrink
    flexWrap
    content
    fontStretch
    hangingPunctuation
    height
    hyphens
    icon
    imageOrientation
    navDown
    navIndex
    navLeft
    navRight
    navUp>
    cssFloat
    font
    fontFamily
    fontSize
    fontStyle
    fontVariant
    fontWeight
    fontSizeAdjust
    justifyContent
    left
    letterSpacing
    lineHeight
    listStyle
    listStyleImage
    listStylePosition
    listStyleType
    margin
    marginBottom
    marginLeft
    marginRight
    marginTop
    maxHeight
    maxWidth
    minHeight
    minWidth
    opacity
    order
    orphans
    outline
    outlineColor
    outlineOffset
    outlineStyle
    outlineWidth
    overflow
    overflowX
    overflowY
    padding
    paddingBottom
    paddingLeft
    paddingRight
    paddingTop
    pageBreakAfter
    pageBreakBefore
    pageBreakInside
    perspective
    perspectiveOrigin
    position
    quotes
    resize
    right
    tableLayout
    tabSize
    textAlign
    textAlignLast
    textDecoration
    textDecorationColor
    textDecorationLine
    textDecorationStyle
    textIndent
    textOverflow
    textShadow
    textTransform
    textJustify
    top
    transform
    transformOrigin
    transformStyle
    transition
    transitionProperty
    transitionDuration
    transitionTimingFunction
    transitionDelay
    unicodeBidi
    userSelect
    verticalAlign
    visibility
    voiceBalance
    voiceDuration
    voicePitch
    voicePitchRange
    voiceRate
    voiceStress
    voiceVolume
    whiteSpace
    width
    wordBreak
    wordSpacing
    wordWrap
    widows
    writingMode
    zIndex
    > 
    

    Изменить цвет фона таблицы HTML

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

     

    Более старый метод использовал атрибут bgcolor для изменения цвета фона таблицы. Это также может быть использовано для изменения цвета строки таблицы или ячейки таблицы. Но атрибут bgcolor устарел в пользу таблиц стилей, поэтому он не является оптимальным способом управления цветом фона таблицы.

    Лучший способ изменить цвет фона — добавить свойство background-color в таблицу, строку или тег ячейки.

    Этот пример изменяет цвет фона всей таблицы:

    <table style = "background-color: # ff0000;">

    Чтобы изменить цвет отдельной строки, вставьте свойство background-color в тег <tr>:

    <tr style = "background-color: yellow;">

    Вы можете изменить цвет отдельной ячейки, добавив атрибут в тег <td>:

    <td style = "background-color: # 000;">

    Вы также можете применить цвета фона к заголовкам таблицы или  тегу <th> таким же образом:

    <th style = "background-color: # 000;">

    Изменить цвет фона с помощью таблиц стилей

    Однако лучше избегать использования атрибута background-color в пользу правильно отформатированной таблицы стилей. Например, вы можете установить стили в таблице стилей в заголовке вашего HTML-документа или установить их во внешней таблице стилей . Подобные изменения в HEAD или во внешней таблице стилей могут выглядеть следующим образом для таблиц, строк и ячеек:

    table {background-color: # ff0000; } 
    tr {background-color: yellow; }
    td {background-color: # 000; }

    Настройка цвета фона столбца

    Лучший способ установить цвет фона для столбца — создать класс стиля, а затем назначить этот класс ячейкам в этом столбце. Создание класса позволяет назначить этот класс ячейкам в определенном столбце, используя один атрибут.

    td.ColColor {background-color: blue; }
    <table> 
    <tr> <td class = "ColColor"> ячейка 1 </ td> <td> ячейка 2 </ td> </ tr>
    <tr> <td class = "ColColor"> ячейка 1 </ td> <td> cell 2 </ td> </ tr>
    </ table>

    Одним из значительных преимуществ управления фоновыми цветами с помощью таблицы стилей является то, что вы можете изменить свой цветовой выбор позже. Вместо того, чтобы просматривать документ HTML и вносить изменения в каждую отдельную ячейку, вы можете внести одно изменение в выбор цвета в CSS, который будет немедленно применен к каждому экземпляру, где появляется синтаксис class = «ColColor» .

    Несмотря на то, что встраивание CSS в ваш HTML или вызов отдельного файла CSS добавляет немного административных издержек, помимо просто изменения атрибута HTML, вы обнаружите, что использование CSS уменьшает ошибки, ускоряет разработку и улучшает переносимость вашего документа.

    Установить или изменить цвет фона HTML

    Сегодня веб-сайт отображает не только текст. Все мы знаем, что мы можем добавлять или изменять некоторые элементы в HTML. Мы можем добавить изображение, видео, аудио или изменить цвет и стиль. Теперь в этом руководстве мы узнаем о том, как установить или изменить цвет фона HTML с помощью шестнадцатеричных цветовых кодов, имен цветов HTML и значений RGB.

    Определение и использование.

    Свойство HTML background-color задается для изменения или установки цвета фона элемента.Фон — это общий размер элемента, включая отступы и границу, но не поля.


    Установить свойство background-color в элементе HTML

    Первый начинается с цвета фона элемента. Когда вы вставите его в элемент, у вас будет полный цвет страницы. Раскрасить тело веб-страницы довольно просто. Просто следуйте этому коду, чтобы установить цвет фона HTML в элементе.

    Пример 1:

      
            
            
                 Документ 
            
                 
              

    Вот как HTML-код выше будет отображаться в браузере:

    Можно ли установить цвет фона HTML в элементе? Да мы можем.Например, мы изменим цвет фона элемента

    .

    Пример 2:

      
            
            
                 Документ 
            
                
    
                    

    Раскрашивание фона элемента div

    Это абзац

    Раскрашивание фона элемента div

    Это абзац

    Раскрашивание фона элемента div

    Это абзац

    Вот как HTML-код выше будет отображаться в браузере:

    Установите цвет фона с помощью шестнадцатеричного цветового кода

    Шестнадцатеричный цветовой код со свойством background-color — самый популярный способ установить цвет фона HTML. Цвет Hex имеет хэштег ‘#’ и цветовой код RRGGBB (#RRGGBB). Это пример применения шестнадцатеричного цветового кода непосредственно к элементу HTML.

    Пример 3:

      
            
            
                 Документ 
            
                
    
                    

    Раскрашивание фона элемента div с использованием цвета Hex

    Цвет шестигранника # FF0000

    Раскрашивание фона элемента div с использованием цвета Hex

    Цвет шестигранника # 00FF00

    Раскрашивание фона элемента div с использованием шестнадцатеричного цвета

    Цвет шестнадцатеричного кода # 0000FF

    Вот как HTML-код выше будет отображаться в браузере:


    Установить цвет фона с помощью имени цвета HTML

    Второй способ установить цвет фона в HTML — использовать имя цвета HTML. Название цвета — это самый простой способ изменить цвет в HTML-документе. Просто введите название цвета, например Red, Green или Blue, со свойством background-color.

    Пример 4:

      
            
            
                 Документ 
            
                
    
                    

    Раскрашивание фона элемента div с использованием названия цвета

    Название цвета Красный

    Раскрашивание фона элемента div с использованием названия цвета

    Название цвета: зеленый

    Раскрашивание фона элемента div с использованием названия цвета

    Название цвета: синий

    Раскрашивание фона элемента div с использованием названия цвета

    Название цвета Голубой

    Раскрашивание фона элемента div с использованием названия цвета

    Название цвета Пурпурный

    Раскрашивание фона элемента div с использованием названия цвета

    Название цвета Желтый

    Вот как HTML-код выше будет отображаться в браузере:

    Установить цвет фона с использованием значений цвета RGB

    Теперь мы установим свойство HTML background-color, используя значения RGB. Используйте тот же атрибут стиля, что и раньше, но замените шестнадцатеричный цвет или имя цвета на значения RGB.

    Пример 5:

      
                
                
                     Документ 
                
                    
    
                        

    Раскрашивание фона элемента div с использованием значений RGB

    Значения RGB rgb (255,0,0)

    Раскрашивание фона элемента div с использованием значений RGB

    Значения RGB rgb (0,255,0)

    Раскрашивание фона элемента div с использованием значений RGB

    Значения RGB rgb (0,0,255)

    Вот как HTML-код выше будет отображаться в браузере:

    При использовании значений RGB у вас есть дополнительная опция для установки, указывающая уровень непрозрачности с альфа-каналом. Это будет контролировать уровень прозрачности фона. Альфа объявляется с буквой «а». Если используется альфа, код формата — «rgba». Значение альфа — 0 и 1, 0 для полной прозрачности и 1 для непрозрачности. Это пример использования значений «rgba».

    Пример 6:

      
                
                
                     Документ 
                
                    
    
                        

    Раскрашивание фона элемента div с использованием RGB с альфа-каналом

    rgba (255,0,0,0.5)

    Раскрашивание фона элемента div с использованием RGB с альфа-каналом

    rgba (0,255,0,0.5)

    Раскрашивание фона элемента div с использованием RGB с альфа-каналом

    rgba (0,0,255,0. 5)

    Вот как HTML-код выше будет отображаться в браузере:

    Установить цвет фона с использованием значений цвета HSL

    Цветовые значения HSL менее популярны, чем раньше.HSL — это оттенок, насыщенность и яркость. Просто следуйте тому же синтаксису, что и значения RGB, чтобы использовать их для установки цвета фона HTML.

    Пример 7:

      
            
            
                 Документ 
            
            
            
              

    Вот как HTML-код выше будет отображаться в браузере:


    Как и в случае с RGB, вы также можете добавить альфа-канал, чтобы установить уровень непрозрачности для значений HSL.

    Пример 8:

      
            
            
                 Документ 
            
            
    
                

    Раскрашивание фона элемента div с помощью HSL с альфа-каналом

    hsla (0,100%, 50%, 0,5)

    Вот как HTML-код выше будет отображаться в браузере:

    Есть несколько способов установить или изменить цвет фона HTML. Это так легко и просто, запомните это, если вы хотите установить цвет, используйте атрибут «style» и свойство CSS background-color. Синтаксис такой:

      <тег>  

    Если вы хотите узнать больше о цветовом коде, вы можете увидеть в предыдущем руководстве о цветовых кодах HTML. Вы можете найти полный исходный код этих примеров на нашем GitHub.

    Это только основное. Если вам нужно более глубокое изучение HTML, CSS, Javascript или подобных вещей, вы можете пройти следующий дешевый курс:

    Спасибо!

    html — Изменение цвета фона и ширины основного элемента

    Фактически вы это делаете, за исключением случаев, когда вы не объявляете цвет фона для элемента html , тогда он принимает цвет фона элемента body .Следовательно, вы не видите разницы.

    Просто дайте элементу html другой цвет фона, а также задайте body некоторую высоту :

      html {
        цвет фона: красный; /* новый */
    }
    
    тело {
        граница: сплошной черный 1px;
        ширина: 500 пикселей;
        высота: 500 пикселей; /* новый */
        маржа: 0 авто;
        фон: черный;
    }  

    Понимание взаимосвязи между html , body и background-color .

    Исходный цвет фона для всех элементов — прозрачный .

    Если цвет фона элемента html не указан (т. Е. прозрачный ), то, согласно правилам CSS, браузер дает ему цвет фона элемента body .

    Из спецификации:

    3.11.2. Фон холста и HTML Элемент

    Для документов, корневым элементом которых является HTML HTML элемент или XHTML html элемент: если вычисленное значение background-image на корневой элемент — , нет , а его цвет фона прозрачный , пользовательские агенты должны вместо этого распространять вычисленные значения свойства фона из первого HTML BODY или XHTML этого элемента body дочерний элемент.Используемые значения этого элемента BODY фоновые свойства являются их начальными значениями, а распространенные значения обрабатываются так, как если бы они были указаны в корневом элементе. Это авторам HTML-документов рекомендуется указывать холст фон для элемента BODY , а не для элемента HTML .

    Как установить цвет фона в HTML?

    В этой статье мы увидим, как установить цвет фона элемента.Цель использования атрибута стиля — добавить стили к элементам. Использование атрибута стиля с разными элементами приводит к изменению только этого элемента. Этот атрибут может использоваться как встроенный, внутренний или внешний. Атрибут style предоставляет ряд свойств, которые можно использовать для улучшения простой HTML-страницы.

    Цвет фона можно изменить тремя способами:

    • Атрибут встроенного стиля
    • Внутренний CSS
    • Внешний CSS

    HTML5 не поддерживает атрибут bgcolor тега , поэтому нам нужно использовать встроенный атрибут стиля и внутренние параметры CSS для изменения цвета веб-страницы.Для внутреннего CSS добавьте тег

    Пример 1: Ниже приведен пример, иллюстрирующий использование встроенного CSS.



    HTML

    9407

    Вывод: Это будет отображаться при открытии файла HTML в браузере.

    Пример 2: Ниже приведен пример, иллюстрирующий использование внутреннего CSS.

    HTML

    < html >

    < body style style style body -цвет: розовый " >

    < h2 стиль = " цвет: зеленый; выравнивание текста: по центру; " >

    GeeksForGeeks

    h2 >

    < h4 style = 900-2000 :центр;" >

    Как изменить цвет фона?

    h4 >

    корпус >

    html >

    < html >

    <

    0

    стиль >

    корпус {

    цвет фона: синий порошкообразный;

    }

    h2 {

    цвет: зеленый;

    выравнивание текста: по центру;

    }

    h4 {

    выравнивание текста: по центру;

    }

    стиль >

    головка >

    < корпус 2>

    < h2 > GeeksForGeeks h2 >

    < h4 >

    9 Как изменить цвет

    Фон? (Использование внутреннего CSS)

    h4 >

    body >

    html >

    Выход: Это будет отображаться при открытии файла HTML в браузере

    Внешний CSS: Во внешнем CSS мы создаем отдельный файл, который содержит все данные стиля для файла HTML.Внешнее хранение файла упрощает внесение изменений в HTML-страницу.

    Изменение цвета фона в React

    Существуют различные способы изменения цвета фона компонента React, два из которых мы рассмотрим: импорт файла CSS и использование встроенных стилей.

    Цвет фона из внешнего файла CSS

    Начнем с того, что я считаю самым простым: импортирования файла CSS в компонент. Я думаю, что это самый простой, потому что это наиболее знакомый метод, если вы разрабатывали веб-сайты до использования HTML и CSS.

    Если вы когда-либо работали с HTML и CSS, вы узнаете следующий код. Он демонстрирует, как связать внешний файл CSS с HTML-страницей:

      

    Тест ...

    Связывание внешнего файла CSS сильно отличается в мире React.Это потому, что JavaScript связывает вместе все веб-страницы или компоненты, а не простой HTML.

    Следовательно, нам необходимо импортировать внешний файл CSS в файл JavaScript для этого компонента, например:

      

    import React from 'react'; import './App.css'; function App () { возвращаться (

    ); } экспортировать приложение по умолчанию;

    Есть несколько небольших различий в том, как мы называем файлы CSS и как мы используем классы в React, которые демонстрируются в приведенном выше коде:

    • Это хорошее соглашение, чтобы файл CSS использовал то же имя, что и компонент. (Приложение.css и App.js)
    • Элемент div использует ключевое слово className вместо class

    CSS написан точно так, как вы его писали раньше. Здесь нет никаких отличий!

    Использование встроенных стилей

    Следующий подход к изменению цвета фона в React - написать все стили CSS встроенными .

    По иронии судьбы, это был , а не , который был хорошим подходом в течение многих лет, поскольку разработчики предпочитали метод внешнего файла CSS для простоты использования и читаемости.

    В последние годы наблюдается возрождение написания встроенных стилей, или CSS-in-JS , благодаря его гибкости и управляемости. CSS-in-JS дает нам возможность писать условных стилей (которые мы рассмотрим в конце этого руководства!)

      

    import React from 'react'; function App () { возвращаться (

    ); } экспортировать приложение по умолчанию;

    Опять же, есть некоторые небольшие различия при написании встроенного CSS внутри компонента React:

    • Мы используем стиль письма camelCase для свойств CSS, а не дефисы между словами (или 🍡kebab-case, как сейчас известна)
    • Например: background-color становится backgroundColor
    • Каждое свойство передается в объект внутри свойства с именем style .
    • Конвенция гласит, что каждое свойство должно быть на новой строке для удобства чтения.

    Условное изменение цвета фона в React

    Это не обязательно метод изменения цвета фона в компоненте React, поскольку он использует встроенные стили, но его очень полезно изучить.

    Чтобы проиллюстрировать это, мы будем использовать оба метода, описанные выше:

      

    import React from 'react'; import './App.css'; function App () { const isBackgroundRed = true; возвращаться (

    ); } экспортировать приложение по умолчанию;

    JSX позволяет нам писать JavaScript внутри HTML.Следовательно, мы можем написать условное выражение, которое передает имя класса CSS в зависимости от значения переменной!

    В приведенном выше примере мы устанавливаем isBackgroundRed в значение true. Встроенное условие проверяет, истинно ли isBackgroundRed . Если это так, возвращается строка «фон-красный», в противном случае - «фон-синий».

    Поскольку мы используем внешний файл CSS, нам нужно, чтобы эти два класса были определены внутри него, чтобы это работало, например:

      

    .background-red { цвет фона: красный; } .background-blue { цвет фона: синий; }

    Наконец, давайте посмотрим, как написать встроенное условие с использованием встроенных стилей:

      

    import React from 'react'; function App () { const isBackgroundRed = true; возвращаться (

    ); } экспортировать приложение по умолчанию;

    Вот и все. Подробное руководство по изменению цвета фона! Если вам понравилось это руководство, не забудьте подписаться на ежемесячную рассылку новостей Upmostly.

    Я присылаю множество отличных руководств, подобных этому, каждый месяц! 👍 Тема

    - Как изменить цвет фона веб-части? Тема

    - как изменить цвет фона веб-части? - Обмен стеками SharePoint
    Сеть обмена стеков

    Сеть Stack Exchange состоит из 176 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

    Посетить Stack Exchange
    1. 0
    2. +0
    3. Авторизоваться Зарегистрироваться

    SharePoint Stack Exchange - это сайт вопросов и ответов для энтузиастов SharePoint.Регистрация займет всего минуту.

    Зарегистрируйтесь, чтобы присоединиться к этому сообществу

    Кто угодно может задать вопрос

    Кто угодно может ответить

    Лучшие ответы голосуются и поднимаются наверх

    Спросил

    Просмотрено 46k раз

    У меня есть библиотека документов, встроенная на домашнюю страницу одного из моих сайтов SharePoint.Кто-то изменил цвет фона на серый, заменив белый цвет фона темы сайта.

    Я пробовал Google, документы и т. Д., Но не могу понять, как изменить цвет фона.

    Создан 18 янв.

    Роб Соберс

    2,135 золотых знаков1414 серебряных знаков1313 бронзовых знаков

    1

    Я предполагаю, что кто-то изменил цвет веб-части в вашей таблице стилей (или в настраиваемой таблице стилей) или добавил блоки стилей в masterpage, pagelayout, pages ,...

    Если вы используете IE, нажмите F12, чтобы открыть панель инструментов разработчика. Когда вы нажимаете кнопку со стрелкой на панели инструментов, вы можете щелкнуть веб-часть, и панель инструментов покажет вам, какой стиль она содержит. Возможно, вам нужно будет подняться или спуститься на несколько уровней, чтобы найти стиль, который вы ищете. (находится в левой части панели инструментов)

    Автор записи

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *