CSS 기본 (4)_박스(border, border-radius)

 border  

한 방에 여러 속성 지정

ex)

border : 2px solid red;

 

속성 하나씩

border-style : 테두리 스타일 지정

  solid dashed dotted double groove inset ouset

 

boder-width : 테두리 두께 지정

  px % 등

 

border-color : 테두리 색상 지정

  color 값

 

 

방향 지정

border-top, border-bottom, border-left, border-right 

각각을 지정해서 적용할 수 있다.

---

 border-radius 

border-radius : 코너를 둥글게

  px, %

 

값 4개 -> 상 우 하 좌 (시계방향으로)

값 1개만 -> 상우하좌 모두 동일하게