28 lines
433 B
HTML
28 lines
433 B
HTML
<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>
|