[CSS3] border-radius

1. 설명

- 테두리 모서리를 지정한 값(단위 : 픽셀)로 둥글게 만듦.

2. 코드
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>변경 타이틀</title>
<!--타이틀 변경(참고:https://hkand.blogspot.com/2023/01/html5.html)-->
<style>
p { background : #f00000; padding : 20px;  width : 200px; }
#radius  { border-radius : 45px; } /* id 셀렉터 */
</style>
</head>

<body>
<h3>border-radius</h3>
<hr>
<p id="radius">반지름 45px 둥근 모서리</p>
</body>
</html>


3. 참고

끝.