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

Как добавить цвет фона к заголовку текста?

Для изменения цвета фона под текстом используется универсальное свойство background , которое следует добавить к селектору h1 . Цвет заголовка меняется с помощью свойства color , которое также добавляется к этому селектору (пример 1).

Пример 1. Цвет фона под заголовком

HTML5 CSS 2.1 IE Cr Op Sa Fx

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





  

Результат данного примера показан на рис. 1.

Рис. 1. Цвет фона под заголовком текста

Учтите, что на размер цветного прямоугольника влияет не только размер текста, но и отступы вокруг него. Поэтому регулируйте размер фона за счет свойства padding , добавляя его опять же к селектору h1 .

Меняем цвет текста и фона

В этом уроке вы узнаете, как менять цвет фона и текста любых элементов HTML-страницы. Вообще, в языке HTML у некоторых тегов есть специальные атрибуты меняющие цвет, например bgcolor (цвет фона). Но, во-первых, эти атрибуты являются устаревшими (думаю помните, что это значит), а во-вторых, как я уже сказал, они есть не у всех тегов. И вот, допустим, вы захотели изменить цвет фона у параграфа текста. И как вы это будете делать, ведь у тега нет такого атрибута? Поэтому, как и в предыдущих уроках, мы будем использовать стили (CSS), то есть универсальный атрибут style , который позволит нам менять цвет там, где мы захотим.

Как можно указывать цвет?

Цвета в HTML (и CSS) можно указывать несколькими способами, я покажу вам самые популярные и распространенные:

• Имя цвета — В HTML имеется большой список цветов с именами и для того, чтобы указать цвет, достаточно написать его имя на английском, например: red, green, blue.
• HEX-код цвета — Абсолютно любой цвет можно получить, смешав в разных пропорциях три базовых цвета — красный, зеленый и синий. HEX-код — это три пары шестнадцатеричных значений отвечающих за количество этих цветов в каждом цвете. Перед кодом цвета необходимо поставить знак решетка (#), например: #FF8C00, #CC3300 и так далее.

Раньше в HTML рекомендовалось использовать только безопасную палитру цветов, которая гарантированно отображалась во всех браузерах и на всех мониторах одинаково. Но сегодня ей ограничиваться совершенно не обязательно, так как и браузеры и мониторы давно научились правильно отображать гораздо больший список цветов. А вот указывать цвета по именам я вам как раз и не рекомендую, дело в том, что многие браузеры до сих пор с одним и тем же именем связывают разные цвета. Поэтому в данном учебнике я буду всегда использовать именно HEX-коды цветов.

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

Чтобы изменить цвет текста в любом элементе HTML-страницы надо указать внутри тега атрибут style . Общий синтаксис следующий:

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

Пример изменения цвета текста

      
Красный текст заголовка
 
Синий текст параграфа.
 
Зеленый курсив. Красный текст. 
  

Результат в браузере

Красный текст заголовка

Синий текст параграфа.

Зеленый курсив. Красный текст.

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

Цвет фона любого элемента страницы меняется также с помощью атрибута style . Общий синтаксис такой:

Пример изменения цвета фона

      
Заголовок.
 
Параграф.
 
Жирный текст. Обычный текст. 





  

Результат в браузере

Заголовок.

Жирный текст. Обычный текст.

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

1. Создайте заголовок статьи и двух ее разделов. Напишите в начале статьи и каждом разделе по одному параграфу.
2. Установите на всей странице шрифт Courier с размером 16px, у заголовка статьи — 22px, а у подзаголовков по 19px.
3. Пусть у заголовка статьи будет цвет текста #0000CC, а у подзаголовков — #CC3366.
4. Выделите фоновым цветом #66CC33 два слова во втором параграфе. А в третьем параграфе этим же цветом, но одно подчеркнутое слово.
5. Не забывайте о том, что значения атрибута style можно группировать, ставя между ними точку с запятой (;).

Разделы сайта

• Как сделать сайт
  Самому и бесплатно
• Учебник HTML
  Для начинающих
• Учебник CSS
  Для новичков
• Справочники
  По HTML и CSS
• Примеры
  HTML и CSS
• Ссылки
  Полезные сайты для вебмастеров
• Инструментарий
  Программы для создания сайтов

Учебник HTML

• Введение
• Что такое HTML?
• Теги и синтаксис HTML
• Атрибуты HTML-тегов
• Общие и текст
• Структура HTML-документа
• Параграфы и заголовки
• Как изменить шрифт?
• Меняем цвет текста и фона
• Выравнивание содержимого
• Цитаты и обрыв строки
• Что такое спецсимволы HTML?
• Горизонтальные линии
• Группирование элементов
• Комментарии в HTML
• Ссылки
• Cсылки и их разновидности
• Меняем цвета ссылок
• Ссылки на электронную почту
• Якоря — создаем закладки
• Изображения
• Изображения
• Изображения для фонов
• Изображения — ссылки
• Таблицы
• Таблицы
• Границы, рамки и отступы HTML-таблиц
• Объединение ячеек таблицы
• Вложенные таблицы
• Списки
• Нумерованные и маркированные списки
• Метатеги
• Метатеги и их типы

Copyright © 2010-2015 seodon.ru Все права защищены.

С условиями использования материалов данного сайта вы можете ознакомиться на странице автора.

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

Какими атрибутами, и в каком теге можно задать цвет фона и цвет текста?

Ответ. Цвет фона страницы задаётся атрибутом bgcolor , а цвет текста атрибутом text в теге BODY . Пример:

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

Ответ. Тег — парный. В любом парном теге свойства, заданные атрибутами в открывающем теге, действуют до закрывающего тега. Таким образом, атрибуты, заданные в теге действуют до закрывающего тега то есть для всего документа в целом.

Если в открывающем теге написать:

то фон документа будет белым, а текст будет выводиться на этот фон чёрным цветом.

Ответ. В отдельном фрагменте документа цвет текста можно изменить, либо при помощи атрибута color , записанным в открывающем теге элемента FONT , либо при помощи стилевых указаний.

Цвет абзаца изменён при помощи тега FONT :

Цвет абзаца изменён при помощи стилевого указания:

Последний способ предпочтительнее.

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

.mark

Тогда в коде документа специальные абзацы можно будет задавать так:

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

.mark

Ответ. С помощью атрибутов тега можно менять цвет текста (атрибут color ), размер шрифта (атрибут size ) и гарнитуру шрифта (атрибут face ).

Ответ. Указанного шрифта может не оказаться на компьютере пользователя. Самое лучшее — не задавать шрифт вовсе. Тогда браузер будет показывать документ шрифтом “по умолчанию”, заведомо установленным у пользователя.

Для изменения размеров шрифта есть специальные элементы, более подходящие для сохранения единого стиля оформления документа: BIG для укрупнения и SMALL для уменьшения.

Ответ. В компьютерной информатике распространена система кодирования цвета при помощи трёх составляющих — красной, зелёной и синей. Эта система носит название RGB (от Red — красный, Green — зелёный, Blue — синий).

Ответ. Число цветов, которое можно получить, смешивая красный, зелёный и синий, зависит от ширины диапазона, в котором может меняться каждая из трёх основных составляющих. Количество возможных цветов получается перемножением трёх чисел: числа вариантов красного цвета на число вариантов зелёного цвета и на число вариантов синего цвета.

Если каждая из составляющих цвета задаётся одним байтом, т. е. может принимать 256 разных значений, то число всех цветов в такой палитре: 256×256×256 = 16 777 216. То есть более 16 миллионов цветов.

Ответ. Цвет можно задавать при помощи фиксированных ключевых слов, таких как red , maroon , yellow или при помощи 16-го кода в формате:

• rr — код красной составляющей (две 16-ные цифры);
• gg — код зелёной составляющей (две 16-ные цифры);
• bb — код синей составляющей (две 16-ные цифры).

• #800000; — коричневый ( maroon );
• #FF00FF; — сиреневый ( fuchsia );
• #00FFFF; — голубой ( aqua ).

Добавление, изменение и удаление цвета фона в Word

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

Добавление и изменение цвета фона

1. Перейдите в конструктор > цвет страницы.
2. Выберите нужный цвет в области Цвета темы или Стандартные цвета.
   • Если нужного цвета нет, выберите другие цвета ,а затем в поле Цвета выберите нужный цвет.
   • Чтобы добавить градиент, текстуру, узор или рисунок, выберите Параметры заливки ,а затем выберите Градиент,Текстура,Узор или Рисунок и выберите один из вариантов.

Градиенты, узоры, рисунки и текстуры повторяются столько раз, сколько необходимо для заполнения страницы. Если сохранить документ как веб-страницу, текстуры будут сохранены в формате JPEG, а узоры и градиенты — в формате PNG.

Удаление цвета фона

1. Перейдите в конструктор > цвет страницы.
2. Выберите Нет цвета.

Важно: Office 2010 больше не поддерживается. Перейдите на Microsoft 365, чтобы работать удаленно с любого устройства и продолжать получать поддержку.

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

Добавление и изменение цвета фона

1. Перейдите в >Разметка страницы.
2. Выполните любое из описанных ниже действий.
3. Выберите в области Цвета темы или Стандартные цвета.
4. Выберите Другие цвета, а затем выберите цвет.
5. Чтобы добавить специальные эффекты, такие как градиенты, узоры или текстуры, выберите эффекты заливки.

Примечание: Выберите нужный цвет перед применением градиента или узора.

Удаление фона

1. Перейдите в >Разметка страницы.
2. Выберите Нет цвета.

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

1. Перейдите в конструктор > цвет страницы.
2. Выберите нужный цвет. Если нужного цвета нет, выберите другие цвета, а затем выберите цвет из любого из параметров в поле Цвет.

Советы:

• Чтобы выбрать цвет из файла, выделите изображение, щелкните значок шестеренки и выберите Создать из файла.

Удаление цвета фона

1. Перейдите в >«Дизайн»
2. Выберите Нет цвета.

Темы по позвольте отформатировать весь документ. Дополнительные сведения см. в этой теме.