Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.radius-pixel {
height: 40px;
background: #ccc;
border: 4px solid #1c87c9;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
.radius-percent {
width: 120px;
height: 120px;
margin-top: 20px;
background: #ccc;
border: 4px solid #1c87c9;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
</style>
</head>
<body>
<h2>Пример border-radius с -moz- and -webkit-</h2>
<div class="radius-pixel"></div>
<div class="radius-percent"></div>
</body>
</html>