(css) border-color

테두리 색상 지정하기

border-top-color: <색상>

border-right-color: <색상>

border-bottom-color: <색상>

border-left-color: <색상>

border-color: <색상>

border-color 속성만 사용해서는 화면에서 결과를 확인할 수 없음.

사전에 border-width 속성과 border-style 속성을 미리 적용해야함.

<style>
   div {
      width:200px;
      height:100px;
      display:inline-block;
      margin:15px;         
      border-style:dashed;  /* 테두리 스타일 - 선으로 된 점선 */
      border-width:2px; /* 테두리 굵기 - 2px */
   }
   .box1 { border-color:red;  }  /* 색상 - 빨강 */
   .box2 { border-color:blue; }  /* 색상 - 파랑 */
</style>

출처 : Doit html5 + css3 웹표준의 정석