태그가 border 어트리뷰트를 사용하여 아래와 같이 테두리를 지정한 코드가 있다고 생각해봅니다.

<table border="1">
  <tbody>
    <tr>
      <td>123</td>
    </tr>
  </tbody>
</table>

이때 테두리 색은 기본값으로 검정색인데 css를 사용하여 만약 파란색으로 바꾸려면 어떻게 할까요?

간단하게 생각해보면 css에 border-color: blue를 추가할 수 있습니다.
table { border-color: blue; }

하지만 실제로 적용해보면 내부의 색만 변경됩니다... 외곽선의 색은 그대로인데 이 경우 css에 border-color가 아닌 border의 타입을 함께 적용해야만 모두 바뀌게됩니다. 아니면 border-type을 추가하는 방법도 있습니다. 즉 위 코드를 아래처럼 변경해야합니다.

table { border: 1px solid blue; }

또는

table {
  border-color: blue;
  border-style: solid;
}