<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p, div {
padding: 5px;
}
.border1 {
border: 5px solid #ccc;
}
.border2 {
border: 5px dotted #1c87c9;
}
div {
border: thick double #8ebf42;
}
</style>
</head>
<body>
<h2>Пример свойства border</h2>
<p class="border1">Заголовок с границей solid gray.</p>
<p class="border2">Заголовок с границей dotted blue.</p>
<div> div элемент с границей thick double green.</div>
</body>
</html>