테두리 스타일

✏️ 테두리 스타일

테두리 스타일을 정의할 때는 단축 속성인 border를 사용하거나 border의 하위 속성을 개별적으로 사용함

🔎 border 하위 속성

• border-width : 테두리의 두께를 지정(수치와 단위 사용)
• border-style : 테두리의 모양을 지정(점선, 실선, 겹선 등)
• border-color : 테두리의 색상을 지정

• border (단축 속성) : 테두리의 두께, 모양, 색상 등을 한 번에 지정

---

✏️ border-radius 속성

border-radius 속성을 이용해서 박스 모델 테두리의 4개의 모서리를 둥글게 만들 수 있음

4개의 모서리를 각각 지정할 수 있고 이 때 왼쪽 상단부터 시계 방향으로 수치 입력

예시 코드 실행 결과