둥근경계선

조수경·2021년 11월 9일
0

HTML

목록 보기
29/96
post-thumbnail
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
div{
  width : 50%;
  height : 200px;
  margin : 10px;
  padding : 10px;
  border : 1px dotted red;
}
#d1{
  border-radius : 30px;
}
#d2{
  border-radius : 50%;
}
#d3{
 width : 200px;
 height : 200px;
 border-radius : 100%;
}
#d4{
  border-radius : 100px 30px;
}
#d5{
  border-radius : 10px 100px 30px 50px;
}
#d6{
 width : 400px;
 height : 100px;
 background : lightblue;
 border-radius : 50px 200px 80px;
 box-shadow : 40px 20px 5px gray;
}
</style>
</head>

<body>
  <div id = "d1"></div>
  <div id = "d2"></div>
  <div id = "d3"></div>
  <div id = "d4"></div>
  <div id = "d5"></div>
  <div id = "d6"></div>
</body>
</html>코드를 입력하세요

profile
신입 개발자 입니다!!!

0개의 댓글