CSS를 사용하여 요소에 테두리를 추가하는 여러 가지 방법이 있습니다. 아래는 몇 가지 주요한 방법입니다:

1. 단일 테두리 속성 사용:

   css
   .example {
     border: 2px solid #3498db; /* 두께 스타일 색상 */
   }
   

2. 테두리 스타일, 두께 및 색상을 각각 지정:

   css
   .example {
     border-width: 2px;
     border-style: solid;
     border-color: #3498db;
   }
   

3. 축약형 속성 사용:

   css
   .example {
     border: 2px solid #3498db; /* 두께 스타일 색상 */
   }
   

   이 방법은 테두리 속성을 한 줄로 축약하여 사용하는 방법으로 간결하고 편리합니다.

4. 라운드된 테두리:

   css
   .example {
     border: 2px solid #3498db;
     border-radius: 10px; /* 픽셀 값 또는 백분율로 지정 */
   }
   

   border-radius 속성은 요소의 테두리를 둥글게 만들어줍니다.

5. 상, 하, 좌, 우에 각기 다른 테두리 지정:

   css
   .example {
     border-top: 2px solid #3498db;
     border-right: 3px dashed #e74c3c;
     border-bottom: 4px dotted #2ecc71;
     border-left: 5px double #f39c12;
   }
   

   각 방향에 대해 다른 스타일, 두께 및 색상을 지정할 수 있습니다.

6. 그림자 효과를 이용한 테두리 대체:

   css
   .example {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); /* 가로 세로 흐림 색상 */
   }
   

   box-shadow 속성을 사용하여 그림자 효과를 만들어 테두리를 대체할 수 있습니다.

이러한 기본적인 방법들을 통해 다양한 테두리 스타일을 만들 수 있습니다. 필요에 따라 속성들을 혼합하거나 조절하여 디자인을 세밀하게 조정할 수 있습니다.