Белым по чёрному. разгружаем глаза

Содержание:

Иконка рядом с текстом

На скриншоте выше видно, что значок находится слева от текста. Вспоминаем все свойства background и понимаем, что для размещения слева годится background-position (начальная позиция фонового изображения). Перейдём к коду.

Сперва ничего особенного — обычная ссылка:

Вся магия в CSS:

  • Сначала задали путь до изображения.
  • Потом установили начальное положение фона (background-position) в left center — ведь наша иконка левее текста (горизонтальная позиция left) и на одном с ним уровне (вертикальная позиция center).
  • Размер фонового изображения (background-size) мы задали, чтобы предотвратить отдалённые проблемы.
    Дело в том, что иконка может оказаться больше блока, в котором её захотят показать. Тогда она некрасиво обрежется по бокам. Чтобы этого не произошло — указываем размеры, в которые иконка должна вписаться.

И наконец, устанавливаем режим повторения фона (background-repeat) в no-repeat. Без этого фоновая картинка будет дублироваться, пока не заполнит собой блок (как это выглядит — зависит от размеров картинки и html-элемента, где она задана фоном).

Что же мы получили:

Не совсем то, чего ожидали. Давайте разбираться.

Наш «конвертик» стал фоновым изображением для блока, который занимает ссылка. Текст ссылки — это содержимое того же блока. Оно и наложилось на наше фоновое изображение.

Значит, нужно отодвинуть это самое содержимое от левой границы блока (помните, мы прижали «конвертик» именно к левому краю). Причём отодвинуть более чем на 20px (ширина фоновой картинки, заданная background-size) — тогда увидеть наш фон уже ничто не помешает.

Делается это с помощью свойства padding (внутренний отступ).

Добавим в код такой отступ слева:

Вот теперь всё вышло как надо:

Картинки в рекламе

В 1991 году агентство Roper Starch Worldwide провело исследование с участием 2 000 потребителей из 10 американских городов, откликнувшихся на 650 рекламных объявлений разных товаров широкого потребления. Результаты научно подтвердили, как присутствие изображений влияет на уровень откликов на рекламу вне зависимости от продукта. Перед вами результаты этого исследования:

  • Объявления, на 50% состоящие из визуальных элементов, замечают на 50% чаще, чем те, в которых в меньшей степени присутствуют или совсем отсутствуют какие-либо картинки.
  • В категории самых читаемых эти же объявления показали результат на 60% выше.
  • Объявления с 4-9 визуальными элементами замечают на 30% чаще, чем те, в которых нет или меньше визуальных элементов.
  • Объявления с 10+ визуальными элементами заметят на 55% больше людей, чем те, в которых нет или меньше визуальных элементов.
  • Самыми читаемыми с рейтингом до 70% можно считать объявления с 10+ визуальными элементами.
  • Визуальная демонстрация продукта привлекает читателей на 13% чаще.
  • Фотографии – самый удачный вид графических элементов.

7 лучших тем для изображений

  1. Дети и младенцы
  2. Матери и дети
  3. Группы взрослых людей
  4. Животные
  5. Спортивная тематика
  6. Знаменитости
  7. Еда

Почему же эти изображения так притягательны для нас? Потому что они отражают основные потребности человека. Дети, семья, друзья, признание, потребность в еде – это вечные темы.

Изображение продукта в рекламе

Присутствие в вашей рекламе фотографии продукта привлекает на 13% больше читателей.

Фотографии продукта в процессе использования еще на 13% укрепляют интерес к нему.

Рекламу с фотографией людей вместе с продуктом замечают на 25% больше потребителей.

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

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

В рекламе есть изображение человека, смотрящего на вас?

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

  • Человек должен смотреть прямо на читателя.
  • Улыбка предпочтительнее, но, разумеется, это зависит от того типа продукта или услуги.
  • Если у вас авторский курс, то поместите свою фотографию.

Лицо не просто привлекает сиюминутное внимание, но и придает вашей рекламе человеческое лицо и усиливает доверие к вам (даже если фото создано нейросетями). 

Подкладка

Еще один способ  выделения надписи на фоне изображения — создание полупрозрачной подкладки под текстом. Смотрите как это делается.

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

Чтобы исправить это, возьмите инструмент Custom Shapes/Заказные фигуры (U) и создайте фигуру. Не столь принципиально какой формы будет ваша подкладка. Вы можете сделать ее просто кругом или прямоугольником, или же создать фигуру в стиле ретро как в нашем примере.

Укажите фигуре черный цвет заливки и белую обводку толщиной в 3pt.

Перетащите подкладку под слой с текстом и укажите ей Opacity/Непрозрачность в 57%.

Результат выглядит профессионально и стильно. А главное — надпись отлично читается и выделяется на фоне изображения.

Как распечатать картинку на весь лист без полей?

Как распечатать фото на весь лист без полей?

Настройка параметра «Печать без полей»

  1. Откройте окно настройки драйвера принтера.
  2. Выберите печать без полей. Выберите вариант Без полей (Borderless) в списке Макет страницы (Page Layout) на вкладке Страница (Page Setup). …
  3. Проверьте размер бумаги. …
  4. Настройте степень расширения для бумаги. …
  5. Завершите настройку.

Как распечатать картинку на принтере на весь лист?

  1. Открыть рисунок и нажать «Печать» или Ctrl+P.
  2. Выбрать «Свойства», а в открывшемся окне – вкладку «Страница».
  3. В разделе «Макет страницы» выбрать из списка «Печать постера», нажать «Задать».
  4. Выбрать оптимальный вариант разбивки: например, 3х3 или 4х4.

Как распечатать картинку на весь лист в ворде?

Документ печатается без фона

  1. Вам нужно зайти в меню «Файл» — «Параметры»
  2. Затем переходим во вкладку «Экран» и ставим клочку напротив поля «Печать фоновых цветов и рисунков» и нажимаем «ОК».

Как распечатать картинку на всю страницу а4?

Порядок печати больших форматов на А4 простой:

  1. Необходимо открыть изображение и нажать на печать.
  2. Выбрать свойства и страницу.
  3. В пункте «Макет страницы» избрать печать постера и выбрать способ разбивки листов А4.

Как печатать без полей на принтере HP?

  1. Загрузите соответствующую бумагу. …
  2. Откройте файл, который Вы хотите распечатать.
  3. Откройте окно драйвера принтера (см. …
  4. Щелкните на вкладке Функции.
  5. Выберите формат бумаги в раскрывающемся списке Формат.
  6. Установите флажок Без полей.
  7. Выберите источник бумаги в раскрывающемся списке Источник бумаги.

Как распечатать слайды на всю страницу?

На вкладке файл _гт_ печати _Гт_ пункт Печать на весь слайд. В диалоговом окне Печать найдите ссылку на Дополнительные параметры и выберите ее. Найдите параметры «Дополнительно» или «поля», которые можно изменить, как показано в примере ниже.

Как распечатать таблицу в ворде на весь лист?

Также вы можете воспользоваться сочетанием клавиш Ctrl+P или кликнуть на пункт «Печать» в меню «Файл». В новом диалоговом окне выберите конкретный девайс, с помощью которого вы будете производить печать. Укажите «все страницы» или выберите номера страниц документа, которые вам нужно распечатать.

Как печатать на принтере с интернета?

Печать на стандартном принтере

  1. Запустите браузер Chrome на компьютере.
  2. Откройте нужную страницу, изображение или документ.
  3. Нажмите Файл Печать или используйте сочетание клавиш: Windows и Linux: Ctrl + P. Mac: ⌘ + P.
  4. В открывшемся окне выберите принтер и задайте нужные настройки.
  5. Нажмите Печать.

Как распечатать на всю страницу Word?

Печать конкретных страниц

  1. На вкладке Файл нажмите Печать.
  2. Чтобы напечатать только определенные страницы, свойства документа или исправления и комментарии, в разделе Настройка щелкните стрелку в правой части кнопки Напечатать все страницы (по умолчанию), чтобы увидеть все варианты.

Как вставить картинку в ворд без полей?

Вставка изображения или рисунка с компьютера

  1. Выберите то место документа, куда вы хотите вставить изображение.
  2. Нажмите клавиши ALT+С, 9, чтобы открыть диалоговое окно Вставка рисунка.
  3. Перейдите в папку с изображением на компьютере, выберите файл и нажмите ВВОД. …
  4. По умолчанию Word вставка рисунка в текст.

Как сделать фон в ворде на всю страницу?

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

Как растянуть картинку при печати?

Увеличиваем изображение с помощью программы Paint

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

Как изменить размер изображения при печати?

Чтобы изменить размер при печати, вызовите команду Изображение → Разрешение при печати. Эта команда откроет диалог «Смена разрешения при печати». Выберите известные вам единицы измерения, такие как «дюймы». Укажите одно измерение, и GIMP изменит другое пропорционально.

Как распечатать пнг?

  1. Откройте документ, который вы хотите преобразовать, в соответствующем просмотрщике.
  2. Выберите Файл> Печать… и, в диалоговом окне печати, выберите ImagePrinter Pro в качестве принтера.
  3. Нажмите кнопку ОК в диалоговом окне печати, чтобы начать процесс печати.

Как распечатать лист а3 на 2 а4?

Перейти к меню «Файл» — «Печать» и выбрать подходящее печатающее устройство. Перейти к свойствам принтера, выбрать формат печати A3, а вместо пункта «1 страница на листе», который стоит по умолчанию, задать разделение большого формата на несколько маленьких — «2 страницы на листе».

Психология цвета

Цвет оказывает на человека большое влияние. Выкрасьте стены в розовый цвет, и он создаст более дружелюбную и доверительную обстановку в комнате. Красный цвет возбуждает, а синий нейтрализует эмоции. Ребенок в желтой комнате будет больше плакать, а зеленые стены создадут атмосферу покоя и умиротворенности. Хотите умерить свой аппетит? Опробуйте «диету со стенами в голубых тонах».

Цвет меняет наше восприятие веса

Менеджер транспортной кампании заметил, что рабочие значительно больше устают, разгружая ящики черного цвета. Грузы же в светлой упаковке требовали меньших силовых и временных затрат. Черный чемодан чисто психологически кажется более тяжелым по сравнению со светло-зеленым. Более темный цвет добавляет вес товару и его упаковке.

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

Иллюзия «чем темнее – тем тяжелее» называется кажущимся весом. Американские психологи Карл Дж. Уорден и Эллен Л. Флинн в своей статье «Влияние цвета на видимый размер и вес» описали результаты проведенных ими тестов. Они положили 8 коробок одинакового размера в прозрачную стеклянную емкость. Затем попросили участников эксперимента расположить эти коробки согласно предполагаемому весу. Самой легкой, по мнению испытуемых, оказалась белая коробка, затем шли коробки светлых цветов, а завершала список коробка черного цвета. Она почти на 2 кг, как казалось участникам эксперимента, была тяжелее белой.

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

Цвет может влиять на вкус

Покупатели говорят о том, что апельсиновые напитки более темного цвета на вкус кажутся слаще.

Безалкогольный напиток без сахара Dr Pepper от Snapple Group рекламировали как лекарственный напиток. Фоновый цвет на банках с этим напитком изменили с бежевого на синий, и люди стали говорить, что теперь он стал похож на старое доброе «свекольное пиво». Хотя рецептура осталась прежней.

Цвет способен не только привлекать внимание, но и изменять вкусовое восприятие продукта

Цветовые предпочтения потребителей

Какие цвета нравятся людям больше всего? Чтобы ответить на этот вопрос, психологи различных стран провели сотни экспериментов. Но человеческая природа везде проявляется одинаково, независимо от страны проживания. 

Цветовые предпочтения людей отражены в следующей таблице.

Цвет

Степень предпочтения (ниже = менее популярный)

Синий

1

Красный

2

Зеленый

3

Фиолетовый

4

Оранжевый

5

Желтый

6

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

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

<тег style=»background:имя цвета»>…</тег> — указание цвета фона по имени.

<тег style=»background:#HEX-код»>…</тег> — указание цвета фона по коду.

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

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

Заголовок.

Параграф.

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

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

Домашнее задание.

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

Убрать серый фон текста в Ворде форматированием

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

  1. Перейдите на «Главную», выделите текст, с которого нужно убрать форматирование
  2. Необходимо нажать на «Стили» в панели меню, выбрать «Очистить всё».

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

При её нажатии для текста устанавливается «Обычный» стиль.

Копирование без цветного фона

В Ворд встроен механизм настройки вариантов копирования текста из буфера. Можно выбрать 4 варианта:

  • Копирование с сохранением форматирования;
  • копирование с сохранением форматирования, а также его применение для следующего вводимого текста;
  • копирование только изображений (подписи к ним также удаляются, если имеются);
  • копирование только текста (без форматирования и, соответственно, серого фона).

Для того, чтобы скопировать текст без фона, нужно:

  1. Кликнуть правой кнопкой на свободной области открытого Word-документа и выбрать иконку «вставить только текст».

Как убрать заливку с нумерации в Ворде

  1. Нажмите ПКМ по тексту
  2. Далее выберите «Стили», потом  «Очистить формат».

Изменяем цвет фона с помощью атрибута BACKGROUND.

Атрибут  BACKGROUND тоже размещается в теге <body>. С помощью этого атрибута вы сможете сделать картиночный фон. Формат картинки берите jpg или gif. Разрешение картинки можно брать от 12х12 пикселей и больше.

Если фоновая картинка размещена вместе с HTML файлом, это будет выглядеть так:

<bоdy baсkground=»fon.gif»>

Если фоновая картинка размещена в папке images, это будет выглядеть так:

<bоdy baсkground=»images/fon.gif»>

Вот пример:

<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body background="fon.gif" text="black">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Результат:

Или вот так:

<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body background="images/fon.gif" text="#000000">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Вот и все.
Теперь вы знаете, как изменить или задать цвет фона. Пробуйте закрепить урок, поменять значение, поэкспериментируйте.
Спасибо, что посетили блог BlogGood.ru. Удачи!!!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Популярные статьи:

  • Как узнать id компьютера
    Дата: 29 марта 2013
    Прокомментировано:90
    просмотров: 322807

  • Размеры форматов листов А0 – А7
    Дата: 23 января 2013
    Прокомментировано:3
    просмотров: 270534

  • Смешные логические загадки с подвохом, отгадки прилагаются
    Дата: 12 ноября 2014
    Прокомментировано:5
    просмотров: 197052

  • Установка windows 7 на ноутбук
    Дата: 18 декабря 2012
    Прокомментировано:169
    просмотров: 184685

  • Как включить или отключить Aero в Windows 7
    Дата: 1 июня 2013
    Прокомментировано:6
    просмотров: 158788

Тень

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

Для начала нам нужно выбрать подходящий цвета для текста.

Конкретно в этом случае подойдет светлый оттенок, желательно вообще белый цвет.

Теперь укажите слою new layer style/новый стиль слоя и выберите вариант drop shadow/тень. Укажите opacity/непрозрачность в 52%. Настройте Spread/Размах на 16% и Size/Размер на 10px. Угол должен быть примерно в -144 градусов.

В результате простого наложения тени, у нас получилась отличная выделяющаяся на фоне надпись.

Убираем фон текста в Microsoft Office Word 2007 2010 2013

В Microsoft Office Word 2007 и более новых версиях проще всего убрать серый фон для скопированного текста именно через стили.

  1. Предварительно нужно выделить весь текст (с помощью комбинации Ctrl+A)
  2. Затем перейти на «Главную» и выбрать ярлык настройки стилей. Далее выбрать «Очистить всё».

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

Создание полупрозрачного фона в CSS

Полупрозрачный элемент хорошо заметен на фоновом рисунке. В веб-дизайне полупрозрачность достигается за счёт свойства opacity или задаваемого для фона формата цвета RGBA.

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

Пример создания полупрозрачного блока:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>opacity</title>
  <style>
   body {
    background: url("http://cs614726.vk.me/v614726246/4a02/300wj_aFOK4.jpg");
    background-size: 10% auto;
   }
   div {
	 opacity: 0.7;
 	 background: #717ceb; /* Цвет фона */
 	 padding: 20px; /* Поля вокруг текста */
   }
  </style>
 </head>
 <body>
   <div>Так выглядит полупрозрачный блок.</div>
 </body>
</html>

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

В таком случае opacity не подходит и следует воспользоваться форматом RGBA, в котором помимо значений яркости синего, красного и зелёного цветов устанавливается ещё и значение прозрачности. 1 означает абсолютную непрозрачность, а 0 — полную прозрачность.

Пример задания прозрачного фона:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>rgba</title>
  <style>
   body { 
  background: url("http://cs614726.vk.me/v614726246/4a02/300wj_aFOK4.jpg");
  background-size: 20% auto;
}
   div {
    background: rgba(60, 150, 250, 0.7); /* Цвет фона */
    color: #fff; /* Цвет текста */
    padding: 20px; /* Поля вокруг текста */
   }
  </style>
 </head>
 <body>
  <div>Прозрачный фон блока и непрозрачный текст.</div>
 </body>
</html>

Надеемся, что данное руководство вам пригодилось, и желаем успехов в освоении веб-дизайна!

РМРимма Михайловаавтор

Изменяем цвет фона с помощью атрибута BGCOLOR.

При помощи атрибута BGCOLOR, который тоже размещается в теге <body>, можно задать цвет фона HTML страницы.

Цвет задается в виде цифрового кода:

<body bgcolor=»#000000″>

или обычным названием цвета:

<body bgcolor=»green»>

Вот пример:

<html>
<head>
<title>Изменяем цвет фона с помощью атрибута BGCOLOR</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#000000" text="green">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Результат:

Или вот так:

<html>
<head>
<title>Заголовок страницы</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body bgcolor="green" text="#000000">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Результат:

Иконка соцсети без текста

Почти на любом сайте есть блок со ссылками на Facebook, «ВКонтакте», Instagram и другие соцсети:

Поскольку это иконки, а текста (контентной составляющей) мы рядом не видим, — нужно использовать CSS.

Здесь есть пара нюансов:

  1. Раз текста нет, то у ссылки нет размеров. А фона без размеров не бывает (нельзя покрасить стену, когда самой стены нет).
  2. Если мы зададим размеры ссылке, то они не сработают, так как по умолчанию ссылка — строчный элемент (его размер не изменить с помощью свойств width и height).

Обойдём эти ограничения.

Сперва напишем простую разметку — список ссылок. Классы сделаем по БЭМ, чтобы наш компонент было удобно стилизовать и использовать повторно.

Начнём, конечно, с HTML-кода:

Далее — CSS:

  • Заметьте, что свойству display для ссылок мы задали значение inline-block. Поэтому наши ссылки стали строчно-блочными элементами. Теперь можно задать им ширину и высоту — и это уже сработает.
  • Одинаковые для всех элементов стили (background-position, background-size, background-repeat) мы вынесли в общий класс social__link.
  • А вот фоновые изображения у нас разные — их мы задаём в разных классах.

Знаменитый принцип Дэвида Огилви по размещению картинки и текста

Дэвид Огилви разработал простую схему размещения картинки и текста, которая делает объявление более заметным, тем самым увеличивая отклик потребителя.

Принцип 2/3 –1/3 Дэвида Огилви по схеме размещения текста

Две верхние трети объявления – это одна большая фотография.

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

Логотип вашей компании аккуратно вставляется в правый нижний угол.

 

2/3

Две верхние трети объявления занимает одна большая фотография

1/3

Заголовок прямо под фото

Продающий текст с большой буквы

 

Логотип компании
в правом нижнем углу

Обратный принцип 1/3 –2/3 Дэвида Огилви по схеме размещения текста

Существует и обратное правило Огилви, по которому верхняя треть приходится под фото. Заголовок расположен под ним, а оставшиеся две трети – это продающий текст с большой буквы.

Как и ранее, вы ставите логотип компании в правый нижний угол.

1/3

Одну верхнюю треть объявления занимает фотография

2/3

Заголовок прямо под фото

Продающий текст с большой буквы

 

Логотип компании
в правом нижнем углу

Убирать цвет страницы

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

Чтобы сделать его белым (по умолчанию), нужно также воспользоваться соответствующим ярлыком в панели меню в разделе «Главная».
А вот в Word 2003 (и более ранних версиях) подобного функционала не предусмотрено. Там фон всегда задаётся для всей страницы.

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

Изменяем цвет текста с помощью атрибута text.

Атрибут text прописывается в теге <body>. Цвет задается в виде цифрового кода:

<body text=»#cc0000″>

или обычным названием цвета:

<body text=»green»>

Код кодировки и название цвета для HTML вы посмотрите тут.

Вот пример:

<html>
<head>
<title>Изменяем цвет текста с помощью атрибута text</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="#cc0000">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Результат:

Или вот так:

<html>
<head>
<title>Изменяем цвет текста с помощью атрибута text</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="green">
Текст страницы, таблицы, картинки, музыка и видео.
</body>
</html>

Результат:

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

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

Adblock
detector