ex04-16.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>다양한 모서리 테두리</title>
    <style>
    p {
        background :#90D000;
        width: 300px;
        padding : 20px;
    }
    #round1 {border-radius : 50px;}
    #round2 {border-radius : 0px 20px 40px 60px;}
    #round3 {border-radius : 0px 20px 40px;}
    #round4 {border-radius : 0px 20px;}
    #round5 {border-radius : 50px;
    border-style:dotted;}

    </style>
</head>
<body>
    <h3>둥근 모서리 테두리</h3>
    <hr>
    <p id="round1">반지름 50픽섹의 둥근 모서리</p>
    <p id="round2">반지름 0,20,40,60 둥근 모서리</p>
    <p id="round3">반지름 0,20,40,20 둥근 모서리</p>
    <p id="round4">반지름 0,20,0,20 둥근 모서리</p>
    <p id="round5">반지름 50의 둥근 점선 모서리</p>

</body>
</html>