반응형
CSS 테두리 스타일 주는 방법에 대해서 알아보겠습니다.
border-style 속성이 있는데
테두리에 스타일을 적용할 수 있습니다.
4가지 속성을 소개 시켜드리겠습니다.
- solid : 일반적인 기본 선입니다.
- dotted : 점선입니다.
- dased : 직사각형 선입니다.
- double : 두줄 선입니다.
아래 처럼 적용할 수도 있습니다.
.border {
border-style: solid;
}
아래와 같이 css border 속성 두 번째에 스타일 적용할 수 있습니다.
border 속성은 [두께, 스타일, 색상]입니다.
.border {
border: 1px solid black;
}
아래 border-style을 적용한 예시입니다.
See the Pen Untitled by Young Jun Koo (@YoungJu-Ku) on CodePen.
지금까지 css 테두리에 스타일 주는 법에 대해서 알아보았습니다.
감사합니다.
728x90
반응형