Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
  border: 2px solid red;
}
p.round1 {
  border: 2px solid red;
  border-radius: 5px;
}
p.round2 {
  border: 2px solid red;
  border-radius: 8px;
}
p.round3 {
  border: 2px solid red;
  border-radius: 12px;
}
</style>
</head>
<body>
<h2>Свойство border-radius</h2>
<p>Это свойство используется для добавления закругленных границ к элементу:</p>
<p class="normal">Обычная граница</p>
<p class="round1">Круглая граница</p>
<p class="round2">Закругленная граница</p>
<p class="round3">Более закругленная граница</p>
</body>
</html>