<div id="nedooval"></div>#nedooval {
width: 250px;
height: 30px;
background: red;
border-top-left-radius: 100px 30px; /* значение по ширине и по высоте */
border-top-right-radius: 100px 30px;
}Firefox до версии 4.0 использует нестандартное свойство-moz-border-radius-topright
Chrome до версии 4.0, Safari до версии 5.0, iOS используют нестандартное свойство-webkit-border-top-right-radius
border-radius: <радиус>{1,4} [ / <радиус>{1,4}]border-radius: 100px 100px 0 0;border-radius<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-radius</title>
<style>
.radius {
background: #f0f0f0; /* Цвет фона */
border: 1px solid black; /* Параметры рамки */
padding: 15px; /* Поля вокруг текста */
margin-bottom: 10px; /* Отступ снизу */
width:100px;
}
</style>
</head>
<body>
<div style="border-radius: 10em/3em;" class="radius" >
border-radius: 10em/3em;
</div>
</body>
</html>
Простой
Простой
Простой
