Перейти к содержимому

Как сзади текста сделать фон

  • автор:

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

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

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

Пункты меню

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

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

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

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

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

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

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

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

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

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

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

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

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

Выберите значок рисунка, чтобы выбрать цвет из файла.

Советы:

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

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

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

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

Как сделать фон для текста?

5df6250a74a10860297965.png

Здравствуйте, как можно сделать фон для текста, примерно как на картинке:

При этом нужно, чтобы он находился в одной обертке, которая является display: inline-block, строки текста нельзя ни во что обернуть и [br] тоже использовать не вариант.
В идеале верстка должны так выглядеть:

 
Тут текст, количество которого не известно

Также не известно какой длинны текст будет в блоке, так что перенос должен зависеть от максимальной ширины wrapper.

  • Вопрос задан более трёх лет назад
  • 7147 просмотров

1 комментарий

Простой 1 комментарий

Ankhena

Ankhena @Ankhena Куратор тега CSS

При этом нужно, чтобы он находился в одной обертке, которая является display: inline-block, строки текста нельзя ни во что обернуть и [br] тоже использовать не вариант.

Откуда взялись все эти условия?

Теоретически, если вы зададите 100500 теней, то проблемы останутся только для краев )))))

Фон под текстом

С фоном у текста есть проблема – у элемента с display: inline при переносах текста не работают отступы (padding) по бокам. Исправить это можно следующими способами:

Вариант №1 – разметка тегами

Первый вариант так себе, но работает – обвернуть каждую строку в и добавить переносы строк
.

 


dummy text of the printing
and typesetting industry

.title < font-size: 50px; line-height: 56px; color: #000; >.title span

Как наложить текст на фон?

Как можно сделать, чтобы текст был на фоне? Хотелось бы чтобы заголовок(и другие добавочные текста были на фоне) Вот код html:

  

background for site

#title < text-align: center; font-family: Playbill; font-weight: normal; font-size: 40px; >.bg_image < background: url("image/background-photo.jpg"); overflow: hidden; position: relative; max-width: 100%; height: auto; >

введите сюда описание изображения

Вот как выглядит на данный момент

Отслеживать
задан 11 ноя 2021 в 17:48
Виктория Мот Виктория Мот
49 4 4 бронзовых знака

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

например так можно

#title < text-align: center; font-family: Playbill; font-weight: normal; font-size: 40px; background-image: url("http://tvoyposter.ru/userdata/image/thumbs/p/17/b4/17b4fa73d392b4ec697a16c8ebc39416_p.jpg"); background-size: contain; border: 1px solid black; width: 500px; height: 75px; line-height: 75px; color: rgba(255, 255, 255, 0.5); >
Путеводитель по городам

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

Отслеживать
ответ дан 11 ноя 2021 в 18:10
37.4k 4 4 золотых знака 28 28 серебряных знаков 74 74 бронзовых знака

А так получается, что мое изображение разчетверилось и занимает лишь 10% экрана, можно ли как нибудь отформатировать под весь размер фотографии?

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

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

https://czena.narkolog-na-dom-voronezh-11.ru/