Всплывающие подсказки  

Пишем красивый текст

В этом посте я вам расскажу о том, как можно создать красивые надписи! Сначала мы попробуем сделать это с помощью тегов, а позже я познакомлю вас с ресурсами, которые также помогут вам в этом.
1. Шрифт.
Здесь пойдет небольшой повтор, об этом мы уже говорили в теме "Форматирование теста с помощью HTML". Но, как говорится, повторенье – мать ученья! Сейчас создадим простой текст с красивым шрифтом.
Очень красивый шрифт
Код такого шрифта следующий:
<span style=";font-family:Monotype Corsiva;font-size:22px;color:blue;">Очень красивый шрифт</span>
Объяснять дальше подробно не буду,здесь все понятно:
Monotype Corsiva – шрифт,
22px – размер шрифта;
blue – цвет шрифта.
Где можно выбрать цвет, читайте в посте про форматирование текста.
2. Использование шрифта в качестве буквенницы:
Буквенница
Здесь использован простой прием: в качестве буквенницы для первой буквы установили шрифт Monotype Corsiva:
<span style=";font-family:Monotype Corsiva;font-size:22px;color:blue;">Б</span>уквенница
3. Цветное подчеркивание
Подчеркивание одной чертой:
Текст с одной чертой
Код:
<span style="text-decoration: underline;color:teal;" >Текст с одной чертой</span>
Разный цвет черты и текста:
Разный цвет черты и текста
Код преобразуется в:
<span style="text-decoration: underline;color:teal;" ><span style="color:black;">Разный цвет черты и текста</span></span>
4. Двойное подчеркивание
Двойное подчеркивание
<span style="border-bottom: medium double teal;">Двойное подчеркивание</span>
5. Текст в рамке
Текст в рамке
Код:
<span style="border:1px solid teal; padding:5px;">Текст в рамке</span>
где, border:1px – толщина рамки,
teal – цвет;
padding:5px – расстояние от текста до рамки.
6. Разноцветные буквы
Разноцветные буквы
Создать такой текст можно тут. В левом окне введите ваш текст и нажмите "Submit", в правом окне скопируйте полученный код.
7. Пунктирный текст
Пунктирный текст 
Код:
<style type="text/css">.term {border-bottom: 1px dotted red; /*teal – цвет.1px–размер линии*/}</style></head><body><span class="term" title="Гипертекстовый документ">Пунктирный текст</span>


 

Icon






































 
Открыть ЧАТ
Яндекс.Метрика
ВебСтолица.РУ: создай свой бесплатный сайт!  | Пожаловаться  
Движок: Amiro CMS