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

<html>
<head>
<style type="text/css">
p.one
{
border-style:solid;
border-color:#0000ff;
}
p.two
{
border-style:solid;
border-color:#ff0000 #0000ff;
}
p.three
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
border-style:solid;
border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}
</style>
</head>

<body>
<p class="one">Одноцветная граница!</p>
<p class="two">Двухцветная граница!</p>
<p class="three">Трехцветная граница!</p>
<p class="four">Четырехцветная граница!</p>
<p><b>Замечание:</b> Свойство "border-color" не рабоает, если используется в одиночку. Укажите сначала свойство "border-style",
чтобы установить границы.</p>
</body>
</html>

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

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

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