Ви можете використовувати межі (рамки), застосовуючи їх до більшості елементів HTML в межах сторінки. Все, що вам потрібно, щоб зробити межу навколо елементу – це border-style. Можливі значення, які можна застосовувати: solid (тонка межа), dotted (межа складається з точок, пунктир), dashed (межа складається з коротких відрізків), double (подвійна), groove (ефект поглиблення), ridge (ефект крайки), inset (ефект врізання) і outset (ефект піднесення).
border-width використовується для вказівки ширини межі, яка вимірюється у пікселях. У числі інших властивостей: border-top-width, border-right-width, border-bottom-width та border-left-width.
І, нарешті, border-color використовують для вказівки кольору межі.
Додайте цей код в CSS-файл:
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
У результаті ви повинні отримати червону переривчасту межу навколо заголовка HTML другого рівня (елемент h2) шириною 3 пікселі зверху і знизу, а також 10 пікселів зліва і праворуч (Ширина усього кордону в 3 пікселі в результаті була визначена).