» » Тексты

Тексты

299 0
Оформление текста


Супермелкий шрифт. Например: Я тебя люблю Или: Я тебя люблю
<font style="font-size:7pt;">ТЕКСТ</font>

Минимальное значение font-size:1pt (самый мелкий)
Аналогично делается суперкрупный шрифт.
Меняем вид шрифта:
Your very intresting text
 <font face="Monotype Corsiva">ТЕКСТ</font> 

Your very intresting text
<font color="FF0000">ТЕКСТ</font> 

Your very intresting text
<font face="Monotype Corsiva" size="+2" color="FF0000">TEXT</font>

СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ
<span style="color:red;text-decoration:line-through;"><span style="color:blue">YOUR TEXT</span></span>

Синий текст подчеркнут красной линией
<span style="color:red;text-decoration:underline;"><span style="color:blue">Your text</span></span>

Синий текст в красной рамке
<span style="border:2px solid red; padding:3px;"><span style="color:blue;">Синий текст в красной рамке</span></span>

Цветной текст с цветным фоном
<span style="background-color:blue; color:white; padding:3px;">Цветной текст с цветным фоном</span>

Цветной текст с цветным фоном в цветной рамке
<span style="background-color:dodgerblue; color:white; padding:3px; border:3px solid red;">Текст</span>

Текст, подчеркнутый пунктиром
 <span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span>

Текст, подчеркнутый пунктиром
 <span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span>

Текст, подчеркнутый двойной чертой
<span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span> 

Текст, окаймленный разноцветным пунктиром
<span style=border-style:dashed; border-top-color:blue; border-bottom-color:red; padding:5px;> Текст </span>

Текст в двойной рамке
<span style="border-style: double; padding:3px;">Текст в двойной рамке</span>

Цветной текст в двойной цветной рамке
<span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span>

Ваш текст в объемной 3D-рамке
<span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span>


На заметку:


Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):

Ваш текст в объемной 3D-рамке

то бишь рамку на всю ширину поста.

Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; — ширина блока 200 пикселей,
height:50px; — высота блока 50 пикселей

Получим:

Ваш текст в объемной 3D-рамке

<div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст </div>
скачать dle 10.4фильмы бесплатно


Чтобы скачать
нажмите по рекламе ниже, потом кликайте по появившейся ссылке СКАЧАТЬ

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

CloseЗакрыть

Добро пожаловать
на News-Prestige.Ru!


Не забудьте зарегистрироваться.