©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS3 Borders</title>
	<style>
		#p_01 {
			height: 100px;
			width: 200px;
			background: #87CEFA;
			padding: 20px; 
			border-top-left-radius: 20px;
			border-top-right-radius: 40px;
			border-bottom-right-radius: 60px;
			border-bottom-left-radius: 80px;
		}
	</style>
</head>

<body>

	<h1>모서리별로 다른 크기의 둥근 모서리 설정</h1>
	<p id="p_01">모서리별로 다른 크기의 둥근 모서리를 설정할 수 있어요!</p>

</body>

</html>

​x
 
<!DOCTYPE html>
<html lang="ko">
​
<head>
    <meta charset="UTF-8">
    <title>CSS3 Borders</title>
    <style>
        #p_01 {
            height: 100px;
            width: 200px;
            background: #87CEFA;
            padding: 20px; 
            border-top-left-radius: 20px;
            border-top-right-radius: 40px;
            border-bottom-right-radius: 60px;
            border-bottom-left-radius: 80px;
        }
    </style>
</head>
​
<body>
​
    <h1>모서리별로 다른 크기의 둥근 모서리 설정</h1>
    <p id="p_01">모서리별로 다른 크기의 둥근 모서리를 설정할 수 있어요!</p>
​
</body>
​
</html>