CSS 테두리(border-style)의 유형

그림1

그림2

'border'는 블로그에서 가장 자주 접하는 코드 중의 하나이므로, 각각의 단어들이 무엇을 의미하는지 알아두면 템플릿을 꾸밀 때 편리합니다.

 border: 1px solid #000000  

보통 이런식으로 쓰이는데, 앞의 '1px'은 테두리의 굵기를, 'solid'는 테두리의 종류를, '#000000'은 테두리의 색상을 의미합니다. <그림1>과 <그림2>는 'solid'(실선)를 대체할 수 있는 다른 유형의 테두리들 입니다. 테두리를 실선이 아닌 점선(dotted)으로 처리하고 싶다면, 다음과 같이 코드를 수정하면 됩니다.

 border: 1px dotted #000000