Как наложить фон на текст
Перейти к содержимому

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

  • автор:

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

5df6250a74a10860297965.png

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

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

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

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

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

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

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

Ankhena

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

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

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

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

Наложение background только на текст

Есть текст. На него надо наложить background так, чтобы он был только на тексте. То есть все, что не текст, было прозрачным. Думаю через svg сделать наложение картинки на текст, но не знаю, как сделать все прозрачным, кроме букв. Сложность в том, что на каждой букве должны быть не разные картинки, а одна цельная

Отслеживать

9,333 4 4 золотых знака 29 29 серебряных знаков 58 58 бронзовых знаков

задан 25 июл 2017 в 8:27

824 1 1 золотой знак 13 13 серебряных знаков 36 36 бронзовых знаков

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

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

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

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

 


dummy text of the printing
and typesetting industry

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

Как сделать фон для текста в AI(Adobe Illustrator)

На 1(первой) первой фотке обычный текст а на 2(второй) текст выделенный мышкой. Так вот нужно чтобы сам фон был такой как при выделении мышкой. Заранее огромное спасибо

Лучший ответ

Прямоугольник под текст и будет фон)

Остальные ответы

Как сделать фон текста в Adobe Illustrator
1. Открываем вкладку Окно > Оформление
2. Двойным кликом на Символах открываем окно оформления символов
3. Устанавливаем заливку текста
4. Двойным кликом по Тексту возвращаемся к оформлению текстового элемента
5. Добавить новую заливку (левый нижний угол панели)
6. Устанавливаем заливку фона
7. При выделенной Заливке: Добавить новый эффект > Преобразовать в фигуру > Прямоугольник
8. Устанавливаем относительную ширину прямоугольника-заливки
9. Убеждаемся, что Символы на панели выше, чем Заливка

JaMasterЗнаток (496) 3 недели назад

Похожие вопросы

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

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