1 개요[ | ]
- CSS border Property
- CSS border 속성
- HTML요소 테두리의 형식, 크기, 색상을 지정하는 속성
2 예시[ | ]
html
Copy
<style>
div { width: 300px; margin-bottom: 10px; }
div:nth-of-type(1) { border: 1px solid red; }
div:nth-of-type(2) { border: 2px solid blue; }
div:nth-of-type(3) { border: 2px dotted blue; }
div:nth-of-type(4) { border: 2px dashed blue; }
div:nth-of-type(5) { border: 3px double blue; }
</style>
<div>1px solid red</div>
<div>2px solid blue</div>
<div>2px dotted blue</div>
<div>2px dahsed blue</div>
<div>3px double blue</div>
3 같이 보기[ | ]
- CSS border-top, border-right, border-bottom, border-left 속성
- CSS border 속성 따로 주기 ★
- CSS 둥근 모서리 border-radius
- CSS border-image 속성
- CSS box-sizing 속성
- CSS 박스 모델