<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>radius 태그</title>
<style>
div{
width: 400px;
border-width: thin;
border-style: dashed; /*선의 종류를 지정 예:solid는 실선*/
border-color: black; /*선의 색상을 지정*/
border-radius: 20px 20px 0 0; /*순서대로 왼쪽 위부터 시계방향으로*/
}
box1 {display: block;}
box2 {display: block;}
</style>
</head>
<body>
<div class="box1">
<h1>Lorem ipsum dolor sit amet</h1>
</div>
<div class="box2">
<h1>consectetur adipiscing elit.</h1>
</div>
</body>
</html>
border-width: thick 선의 두께 지정
border-style: dashed 선의 종류를 지정 예:solid는 실선
border-color: black 선의 색상을 지정
border-radius: 20px 20px 0 0; 순서대로 왼쪽 위부터 시계방향으로
