Код вашей страницы

 <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>Заметка: Свойство "border-color" не работает в отдельности. Используйте свойство "border-style" перед окрашиванием границ.</p>
</body>
</html>

Результат в окне браузера

Все граница одного цвета!

Границы в два цвета!

Границы трех цветов!

Все границы разных цветов!

Заметка: Свойство "border-color" не работает в отдельности. Используйте свойство "border-style" перед окрашиванием границ.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки