- border에는 다양한 스타일이 있다, 규칙을 알아보자
border-bottom-left-radius : 50px
/*선-아래-왼쪽-둥글림 : 둥글리값*/
border-bottom-right-radius: 50px;
/*선-아래-오른쪽-둥글림 : 둥글리값*/
- none :테두리가 없음
- dotted :테두리가 점선
- dashed :테두리가 짧은 선 조각들의 연속
- solid: 테두리는 단일한 줄
double
테두리가 두개의 실선(solid) 줄
groove
테두리가 창(canvas)에서 조각(파진)된 것처럼 보임
ridge
'grove'의 반대: 테두리가 창에서 튀어나온 것처럼 보임
inset
테두리가 창에서 전체 박스가 깔려있는(embed) 것처럼 보임
outset
'inset'의 반대: 테두리가 창에서 전체 박스가 튀어나온 것처럼 보임
/*border선언할때 순서 위 오른쪽 아래 왼쪽*/
border-style: dashed solid solid dashed ;
border-color: red blue blueviolet black;
/*색상도 마찬가지*/
hello world