Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
div.imageborder {
border-radius: 999em;
width: 350px;
height: 350px;
padding: 5px;
line-height: 0;
border: 10px solid #000;
background-color: #eee;
}
img {
border-radius: 999em;
height: 100%;
width: 100%;
margin: 0;
}
</style>
</head>
<body>
<h2>Пример круглой границы</h2>
<div class="imageborder">
<img src="/uploads/media/default/0001/01/4982c4f43023330a662b9baed5a407e391ae6161.jpeg" height="350" width="350" alt="iceland" />
</div>
</body>
</html>