©TCP-tryWWW

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

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

<body>

	<h1>모서리별로 다른 크기의 둥근 모서리 설정</h1>
	<p id="p_01">border-radius 속성값이 4개일 때 결과입니다!</p>
	<p id="p_02">border-radius 속성값이 3개일 때 결과입니다!</p>
	<p id="p_03">border-radius 속성값이 2개일 때 결과입니다!</p>
	<p id="p_04">border-radius 속성값이 1개일 때 결과입니다!</p>

</body>

</html>