33 lines
762 B
HTML
33 lines
762 B
HTML
<html>
|
|
<head>
|
|
<style type="text/css" media="screen">
|
|
div {
|
|
margin: 20px;
|
|
}
|
|
#specbox1 {
|
|
width: 200px;
|
|
height: 40px;
|
|
border: 20px solid black;
|
|
border-top-left-radius: 30px;
|
|
border-top-right-radius: 80px;
|
|
border-bottom-left-radius: 80px;
|
|
border-bottom-right-radius: 30px;
|
|
}
|
|
|
|
#specbox2 {
|
|
width: 40px;
|
|
height: 200px;
|
|
border: 20px solid black;
|
|
border-top-left-radius: 30px;
|
|
border-top-right-radius: 80px;
|
|
border-bottom-left-radius: 80px;
|
|
border-bottom-right-radius: 30px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test that corner-radii are constrained according to the CSS3 rules.</p>
|
|
<div id="specbox1"></div>
|
|
<div id="specbox2"></div>
|
|
</body>
|
|
</html> |