테두리 (border ) 정리!! | HTML&CSS 시리즈 020

 

한 줄에 끝내기

가장 일반적인 방법은 border 속성으로 한 줄에 다 쓰는 것입니다. 이 방식을 사용하면 위, 아래, 왼쪽, 오른쪽 모두 같은 테두리가 생깁니다. 값을 쓰는 순서는 굵기, 스타일(실선, 점선 등), 색입니다.

 

명확하게 나누기

다른 방법은 border-style, border-color, border-width 속성을 써서 테두리의 스타일을 하나씩 지정해주는 것

 

다채로운 테두리

 

 

둥근 모소리 설정