1. 단색 테두리 설정하기

하나의 단색으로 테두리를 설정하려면 border 속성을 사용할 수 있습니다. 아래는 빨간색 테두리를 설정하는 예제입니다.

.element {
  border: 2px solid red;
}

2. 윤곽선의 유형 지정하기

테두리의 윤곽선은 다양한 유형으로 지정할 수 있습니다. 예를 들어, 점선을 사용하려면 border-style 속성을 이용할 수 있습니다.

.element {
  border: 2px dotted blue;
}

3. 윤곽선의 모서리 둥글게 만들기

윤곽선의 모서리를 둥글게 만들고 싶다면 border-radius 속성을 사용하여 설정할 수 있습니다.

.element {
  border: 2px solid black;
  border-radius: 10px;
}

테두리의 윤곽선 설정은 웹페이지의 디자인을 다채롭게 만들어 주는 중요한 스타일링 요소입니다. 각 속성을 자세히 이해하고 활용하여 다양한 디자인을 만들어 보세요.