​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<style>
4
    div {
5
        border-color: yellowgreen;
6
        border-style: solid;
7
        border-width: 1vh;
8
        height: 20vh;
9
        width: 20vw;
10
        float: left;
11
        margin: 4vh;
12
    }
13
    .a {
14
        border-radius: 10px;
15
    }
16
    .b {
17
        border-radius: 10pt;
18
    }
19
    .c {
20
        border-radius: 2em;
21
    }
22
    .d {
23
        border-radius: 2vw;
24
    }
25
    .e {
26
        border-radius: 1vh;
27
    }
28
    .f {
29
        border-radius: 4ex;
30
    }
31
    .g {
32
        border-radius: 50%;
33
    }
34
    .h {
35
        border-radius: 1vmax;
36
    }
37
    .i {
38
        border-radius: 5% 20% 10% 30%;
39
    }
40
</style>
41
​
42
<div class="a"></div>
43
<div class="b"></div>
44
<div class="c"></div>
45
<div class="d"></div>
46
<div class="e"></div>
47
<div class="f"></div>
48
<div class="g"></div>
49
<div class="h"></div>
50
<div class="i"></div>