Редактор Онлайн

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
p {border:1px solid red;}
p.dotted {outline-style:dotted;}
p.dashed {outline-style:dashed;}
p.solid {outline-style:solid;}
p.double {outline-style:double;}
p.groove {outline-style:groove;}
p.ridge {outline-style:ridge;}
p.inset {outline-style:inset;}
p.outset {outline-style:outset;}
</style>
</head>
<body>

<p class="dotted">Точечный контур</p>
<p class="dashed">Пунктирный контур</p>
<p class="solid">Сплошной контур</p>
<p class="double">Двойной контур</p>
<p class="groove">Рельефный контур</p>
<p class="ridge">Хребтообразный контур</p>
<p class="inset">Вдавленный контур</p>
<p class="outset">Выпуклый контур</p>
<b>Замечание:</b> IE8 поддерживает свойства контура, только если указан тип документа !DOCTYPE.
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами

Крупнокусковая тушенка выгодно! Войсковой Спецрезерв с доставкой на дом!