servo/tests/ref/border_radius_elliptical_a.html
2015-09-04 14:42:44 -07:00

25 lines
805 B
HTML

<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<style type="text/css">
div.box {
background: white;
border-width: 15px 15px 15px 15px;
border-color: yellow red green blue;
border-style: solid;
border-top-left-radius: 100px 100px;
border-top-right-radius: 200px 100px;
border-bottom-right-radius: 100px 200px;
border-bottom-left-radius: 200px 200px;
height: 500px;
width: 500px;
}
</style>
</head>
<body>
<h2>Border Radius - Elliptical</h2>
<div id="box1" class="box top"></div><br>
</body>
</html>