border-radius
![[2021/12/27]국비지원 CSS3 8-(3) border-radius](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FdmrEpr%2Fbtrr3nbiiBX%2FAAAAAAAAAAAAAAAAAAAAAB8vmjaQZw5-xw1HA9Zpky-ra_9ytre96b6pfdKOF9mX%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DQpntpgY5W7KgkPZx4uoNWauDRJQ%253D)
[2021/12/27]국비지원 CSS3 8-(3) border-radius
border-radius 과제2 : 태극문양, 달 border-radius : border의 모서리 곡률 property 모서리 방향 : top-left, top-right, bottom-left, bottom-right 원 size : box 사이즈의 1/2 ex ) border-radius : 100px 0 0 0 = border-top-left-radius : 100px 윗 반원 : width: 200px; height : 100px ; border-radius : 100px 100px 0 0 1/4 원 : width : 100px; height : 100px ; border-top-left-radius : 100px box 출력 후 곡률 줄 모서리 방향 1. border-radius 작업내용 cs..