Веб-сайты, привлекательные для пользователей, часто требуют время от времени добавления нескольких методологий стилизации. В таких ситуациях стилизация оформления текста может выполняться несколькими способами в зависимости от различных значений в соответствии с требованиями, чтобы сайт выделялся.
Этот блог будет охватывать следующие области контента:
Как установить стиль оформления текста в CSS Tailwind?
Стиль текста можно задать и оформить с помощью кнопки « стиль оформления текста ” свойство, выделенное с разными значениями стиля.
Свойства стиля оформления текста
Сорт | Характеристики |
украшение-твердое | стиль оформления текста: твердый; |
украшение-двойное | стиль оформления текста: двойной; |
украшение-волнистое | стиль оформления текста: волнистый; |
украшенный пунктиром | стиль оформления текста: пунктирный; |
украшенный точками | стиль оформления текста: пунктирный; |
Пример: установка стиля оформления текста в CSS Tailwind
В этом примере используется обсуждавшийся выше « стиль оформления текста ” со всеми значениями для стилизации текста абзаца:
ДОКТИП html >< HTML >
< голова >
< мета кодировка '=' 'utf-8' >
< мета имя '=' 'окно просмотра' содержание '=' 'ширина=ширина устройства, начальный масштаб=1' >
< сценарий источник '=' 'https://cdn.tailwindcss.com' >/ сценарий >
голова >
< тело >
< div >
< п сорт '=' 'подчеркивание оформления-сплошное...' > Это сайт Linuxhint п >
< п сорт '=' 'подчеркнуть украшение-двойное...' > Это сайт Linuxhint п >
< п сорт '=' 'подчеркнуть украшение-волнистое...' > Это сайт Linuxhint п >
< п сорт '=' 'подчеркнуть украшение-пунктир...' > Это сайт Linuxhint п >
< п сорт '=' 'подчеркнуть украшение-пунктир...' > Это сайт Linuxhint п >
div >
тело >
HTML >
На основе этого кода выполните следующие шаги:
-
- Включите данное « CDN ” путь внутри “ <голова> » для применения функций Tailwind.
- Теперь создайте четыре абзаца, используя « <р> тег «, содержащий « текст-оформление ”свойству присвоено разное значение в каждом случае, как обсуждалось.
- В результате текст подчеркивается сплошными, двойными, волнистыми, пунктирными и пунктирными линиями.
Выход
По этому результату подтверждается, что текст был оформлен соответствующим образом.
Заключение
Стиль текста можно задать и оформить с помощью кнопки « стиль оформления текста ” свойство, выделенное с разными значениями стиля. Эти значения включают сплошной, двойной, волнистый, пунктирный и пунктирный. Этот блог посвящен настройке стиля оформления текста с помощью Tailwind CSS.