Посмотреть сочетаемость цветов
Цветной текст с цветным фоном в цветной рамке
Текст, подчеркнутый пунктиром
Текст, подчеркнутый точками
Текст, подчеркнутый двойной чертой
Текст, окаймленный разноцветным пунктиром
Текст в двойной рамке
Цветной текст в двойной цветной рамке
Ваш текст в объемной 3D-рамке
На заметку:
Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):
Ваш текст в объемной 3D-рамке
то бишь рамку на всю ширину поста.
Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; – ширина блока 200 пикселей,
height:50px; - высота блока 50 пикселей
Получим:
Ваш текст в объемной 3D-рамке
Сервисы для подбора цвета:
№ 1 | № 2 | № 3
Аббревиатура: HTML
Так называемый «спойлерный» текст, проявляющийся при его выделении. Типа:
«А убийцей в том кино был дворецкий«
Так называемая «буквица»: В некотором царстве…
Всплывающее окошко с пояснением при наведении на текст курсора (подведите курсор к следующему тексту):
Ваш офигительно креативный текст
Текст «наоборот»:
Повернуть текст задом-наперед
Расстояние между словами
Больше расстояние между словами
Расстояние между буквами
А здесь задано расстояние между строками по вертикали пятьдесят пикселов
Невидимый фрагмент записи (интересно, что невидим даже в OperaMini, хотя мобильные браузеры игнорируют многие стилевые настройки):
опаньки!
Невидимый фрагмент записи
Еще способ скрыть текст:
Приподнять одну фразу на 5 пикселей над текстом
Опустить одну фразу на 5 пикселей ниже текста
Повернуть текст на 90 градусов (работает только в IE):
Раз, два, три, четыре, пять, шесть, семь
Следующий трюк, напротив, работает только в Opera и Mozilla FF:
Раз, два, три, четыре, пять, шесть
Выделение цитаты в тексте.
Пример:
Еще поэт-романтик Новалис писал в Средние Века:
Любимая! Ты – аббревиатура Вселенной.
Написать текст, имея фоном картинку:
Светить всегда, светить везде – до дней последних донца! Светить – и никаких гвоздей!
Лучше брать маленькую картинку – она будет автоматом повторяться, пока продолжается текст. Атрибутами width и height в % или px (пикселах) можно задать определенный размер фоновой области
Эффект с подсветкой текста (наведите курсор на текст):
в некоторых блогсервисах (жж) может не работать
МОЙ ЗАМЕЧАТЕЛЬНЫЙ И КРЕАТИВНЫЙ ТЕКСТ
Разбить текст на две колонки:
текст левой колонки
|
текст правой колонки
|
Код:
<table width=100%>
<tr><td width=50%>
текст левой колонки
<td width=50%>
текст правой колонки
</table>