Example1:
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
Example2:
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 40px;
Example3:
※全てまとめて10pxの角丸を指定しています。
Border1:
border: 5px solid #CCC
Border2:
border: 5px dotted #CCC
Border3:
border: 5px dashed #CCC
Border4:
border: 5px double #CCC
Border5:
border: 5px groove #CCC
Border6:
border: 5px inset #CCC
Border7:
border: 5px ridge #CCC
Border8:
border: 5px outset #CCC