Данные атрибуты используются для задания различных характеристик шрифта.

<p style= "font-size : 20pt; font-style : italic;">
Этот параграф размер- 24pt, italic.
</p>

Этот параграф размером - 20pt, italic.

Данные атрибуты используются для задания различных характеристик текста:

<p style= "text-indent : 30; letter-spacing : 6">
Этот параграф с отступом 30, межбуквенным расстоянием в 6 символов (пробелов)
</p>

Этот параграф с отступом 30, межбуквенным расстоянием в 6 символов (пробелов)

<p style= "color : #FF0000; background : #00FFFF">
Цвет данного параграфа задан как #FF0000 и цветом фона #00FFFF
</p>

Цвет данного параграфа задан как #FF0000 и цветом фона #00FFFF

Применим атрибут background для изображения текста параграфа на фоне рисунка, в данном примере анимированного. Причем, если рисунок превышает размеры объекта - он усекается снизу или справа, если меньше - размноживается. В NN почему-то черный фон вместо прозрачного.

<p style= "background : url(cat.gif); font-size : 16pt; color : #FF0000">
В данном примере текст параграфа изображается на фоне рисунка, размером 16pt, цветом #FF0000.
</p>

В данном примере текст параграфа изображается на фоне рисунка, размером 16pt, цветом #FF0000

<p style= "color : #FF0000; background : #00FFFF; border : 4px outset #0000FF">
Данный параграф взят в рамку шириной=4 пикселя, цветом #0000FF
</p>

Данный параграф взят в рамку шириной=4 пикселя, цветом #0000FF

<p style= "color : #FFFF00; background-color : #804000;
border-left : 4px none #0000FF;
border-right : 4px none #0000FF;
border-top : 4px outset #0000FF;
border-bottom : 4px outset #0000FF">
Этот параграф желтого цвета на коричневом фоне заключен в неполную рамку синего цвета, шириной в 4 пикселя.
</p>

Этот параграф желтого цвета на коричневом фоне заключен в неполную рамку синего цвета, шириной в 4 пикселя.

Напишем подстроку <i style= "color : #FF0000; background : #00FFFF; border : 4px outset #0000FF"> курсивом</i> красного цвета на голубом фоне с обрамлением.

Напишем подстроку <div style= "color : #FF0000; background : #00FFFF; border : 4px outset #0000FF; width : 40"><I>курсивом</I></div> красного цвета на голубом фоне с обрамлением.

<P>
Пишем обычным текстом
</P>
<div style="background : #FF8000;
position : absolute;
left : 75;
top : 100;
width : 150;
z-index : -2;
text-align : center">
<h3>
Элемент ╪1
</h3>
</div>

<div style="background : #FF0080;
position : absolute;
left : 145;
top : 130;
width : 150;
z-index : 0;
height : 100
text-align : center">
<h3>
Элемент ╪2
</h3>
</div>

<div style="background : #0000FF;
position : absolute;
left : 200;
top : 115;
width : 150;
z-index : -1;
height : 110;
text-align : center">
<h3>
Элемент ╪3
</h3>
<img src="_picture.gif">
</div>