С помощью каскадных таблиц стилей можна делать рамки абсолютно для всех элементов странички(заголовки, абзацы, таблицы и т.д.). В css за построение таблиц отвечает 3 свойства:

1. Border-widht- задает ширину рамки.
2. Border-color- задает цвет рамки.
3. Border-style- задает стиль рамки.

У свойства border-style есть такие значения:
1. Solid- стандартная рамка.
2. Dotted- точечная рамка.
3. Dashed- пунктирная рамка
4. Double- двойная рамка.

Пример:

На примере мы создали рамку для заголовка h3.

Код класса в CSS:

.bord{ border-widht:4px; border-style:solid; border-color:bkack; }

Подключение класса в html:

<h3><p class="bord">Мир в точности таков, каким мы его видим</p>

---

Теперь разнообразим нашу рамку и присвоим ей другой стиль:



На примере мы присвоили стиль рамки dotted.Код класса в CSS:

.bord{ border-widht:4px; border-style:dotted; border-color:black; }
Подключение класса в html:

<h3><p class="bord">Мир в точности таков, каким мы его видим</p>

---

Сейчас еще раз изменим стиль рамки и зададим ей какой-нибудь цвет:



В данном примере мы поменяли стиль нашей рамки и придали ей оранжевый цвет.Код класса в CSS:

.bord{ border-widht:4px; border-style:double; border-color:orange; }

Подключение класса в html:

<h3><p class="bord">Мир в точности таков, каким мы его видим</p>

---