blob: f4574a337ecea0f423c081f8cc0d297c6a6bd8bd [file] [log] [blame]
<style>
div {
width:100px;
height:100px;
border: 2px solid black;
}
.control {
border-radius:50px;
}
.pixels {
border-radius:50px;
}
.percent {
border-radius:50%;
}
.both {
/* Note that 100% is 104px, so 25% + 25px = 51px*/
border-radius:51px;
}
</style>
This test should have four circles.
<div class="control"></div>
<div class="pixels"></div>
<div class="percent"></div>
<div class="both"></div>