<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
div {
width: 250px;
height: 150px;
border: solid 3px #1c87c9;
background: #1c87c9;
}
.radius_1 {
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
}
.radius_2 {
border-radius: 25% 10%;
-moz-border-radius: 25% 10%;
-webkit-border-radius: 25% 10%;
}
.radius_3 {
border-radius: 10% 30% 50% 70%;
-moz-border-radius: 10% 30% 50% 70%;
-webkit-border-radius: 10% 30% 50% 70%;
}
.radius_4 {
border-radius: 10% / 50%;
-moz-border-radius: 10% / 50%;
-webkit-border-radius: 10% / 50%;
}
.radius_5 {
border-radius: 10px 100px / 120px;
-moz-border-radius: 10px 100px / 120px;
-webkit-border-radius: 10px 100px / 120px;
}