Как сделать на сайте цитаты, как в Telegram?

Question

[opp2021]

Привет.

Как через код HTML сделать на сайте цитаты с фоном и сменой цвета, как в Telegram?

Comments

[maksam07]

Люди уже разучились в гугле писать "css quote" ?

[opp2021]

Меня интересует только Html, без CSS

Answer 1

[Михаил Ливач]

взять тег <blockquote> и стилизовать.

Answer 2

[alexalexes]

1. Берем любой div.
2. Добавляем цвет фона.
3. Добавляем границу слева.
4. Добавляем псевдоэлемент с контентом-кавычкой с абсолютным позиционированием справа.
5. Добавляем внутренние отступы по вкусу.
6. Настраиваем стили строк, строчных элементов.

Comments

[godsplan]

1. Берем любой div.

[opp2021]

Можете пример строки такой скинуть? И по аналогии я пропишу себе

[alexalexes]

opp2021, вы совсем обленились.

[opp2021]

alexalexes, через HTML цвет можно добавить? Пробовал добавить Background, Color, не выходит без CSS.

[Михаил Ливач]

opp2021, во-первых, есть атрибут style. Но чаще цветовые темы делают через классы-модификаторы:

<div class="telegram-quote telegram-quote_red">
  <p>Никогда такого не было, и вот опять.</p>
</div>

Выбор расцветок при этом ограничен и задан в CSS