박스 테두리 관련 속성들

border-style 속성

• 기본 값이 none →  화면에 테두리 표시안됨
• 테두리를 그리기 위해서는 맨 먼저 테두리 스타일부터 지정

 

border-width 속성

• 테두리 두께 지정

 1) 1개라면 : 네 방향에 모두 같은 두께

 

2) 2개라면 : 위아래, 좌우 묶어서

 

3) 4개라면 : top → right →  bottom →   left

 

 

border-color 속성

• 테두리 색상 지정

 

 

border 속성

• 테두리 스타일과 두께, 색상 등을 묶어 표기
• 순서는 상관없음

 

 

border-radius 속성

• 박스 모서리 부분을 둥글게 처리

 

 

border-radius 속성

• 가로 반지름 크기와 세로 반지름 크기를 함께 지정

 

box-shdow 속성

• 선택한 요소에 그림자 효과 내기