blob: 8f49317c00f6222ed38f93db5b926b9abc3e17d5 [file] [log] [blame]
<!doctype html>
<!-- Divs should have smooth, continuous borders -->
<style>
div {
display: inline-block;
border: 20px #00F solid;
width: 100px;
height: 100px;
padding: 0px;
margin: 10px;
}
div.tl {
border-top-left-radius: 500px;
}
div.tr {
border-top-right-radius: 500px;
}
div.bl {
border-bottom-left-radius: 500px;
}
div.br {
border-bottom-right-radius: 500px;
}
</style>
<div class="tl"></div>
<div class="tr"></div>
<div class="bl"></div>
<br>
<div class="br"></div>
<div class="tl br"></div>
<div class="tr bl"></div>
<script>
if (window.testRunner)
testRunner.dumpAsText(true);
</script>