Labo 108: 05-3 border-radiusの応用

border-radius: 50px
sample1
border-radius: 50px 0px 50px 0px
sample2
border-radius: 50px 50px 0px 0px
sample3
border-radius: 0px 0px 50px 50px
sample4
border-radius: 50px / 20px
sampla5
border-radius: 50px 0px 50px 0px / 20px 0px 20px 0px
sampla6
border-radius: 50px 50px 0px 0px / 20px 20px 0px 0px
sample7
border-radius: 0px 0px 50px 50px / 0px 0px 20px 20px
sample8
border-radius: 50px;border: 2px
border: 4px
border-top:16px
border-bottom: 16px
sample9
border-radius: 50px 0px 50px 0px
border: 4px
border-top: 16px
border-bottom: 16px
sample10
border-radius: 50px 50px 0px 0px
border: 4px
border-top: 16px
border-bottom: 16px
sample11
border-radius: 0px 0px 50px 50px;
border: 4px
border-top: 16px
border-bottom: 16px
sample12