가장 많이 사용되는 css 속성 중 하나가 바로 border, 테두리를 그리는 속성입니다. 오늘은 테두리를 그리고 활용하는 모든 것에 대하여 알아보겠습니다.

먼저 테두리를 사용하는 방법으로 다음의 표현이 가장 넓리 사용되죠.


div { border: 1px solid #000; }


위 css 문법은 다음의 세가지 속성을 따로 사용한것과 같습니다.


div {
border-width: 1px;
border-type: solid;
border-color: red;
}


위에 사용된 속성 하나씩 알아보면~

border-width
테두리 두께를 의미합니다.

border-type
어떤 테두리를 사용할지 결정합니다

border-color
테두리 색상을 결정합니다.