CSS 테두리 설정

border

    - 요소의 테두리를 지정
    - 형태
        [크기 값] [스타일] [색상]
            크기값은 테두리의 굵기 지정

            스타일
                dotted  : 둥근 점선
                dashed  : 일반 점선
                solid   : 실선
                double  : 이중 실선
                groove  : 파인 입체 실선
                ridge   : 돌출된 입체 실선

            색상값은 테두리의 색상 지정

border-bottom

    - 요소의 아래 테두리를 지정
    - 형태
        [크기 값] [스타일] [색상]
            크기값은 테두리의 굵기 지정

            스타일
                dotted  : 둥근 점선
                dashed  : 일반 점선
                solid   : 실선
                double  : 이중 실선
                groove  : 파인 입체 실선
                ridge   : 돌출된 입체 실선
                
            색상값은 테두리의 색상 지정

border-right

    - 요소의 우측 테두리를 지정
    - 형태
        [크기 값] [스타일] [색상]
            크기값은 테두리의 굵기 지정

            스타일
                dotted  : 둥근 점선
                dashed  : 일반 점선
                solid   : 실선
                double  : 이중 실선
                groove  : 파인 입체 실선
                ridge   : 돌출된 입체 실선
                
            색상값은 테두리의 색상 지정

border-top

    - 요소의 위 테두리를 지정
    - 형태
        [크기 값] [스타일] [색상]
            크기값은 테두리의 굵기 지정

            스타일
                dotted  : 둥근 점선
                dashed  : 일반 점선
                solid   : 실선
                double  : 이중 실선
                groove  : 파인 입체 실선
                ridge   : 돌출된 입체 실선
                
            색상값은 테두리의 색상 지정

border-left

    - 요소의 좌측 테두리를 지정
    - 형태
        [크기 값] [스타일] [색상]
            크기값은 테두리의 굵기 지정

            스타일
                dotted  : 둥근 점선
                dashed  : 일반 점선
                solid   : 실선
                double  : 이중 실선
                groove  : 파인 입체 실선
                ridge   : 돌출된 입체 실선
                
            색상값은 테두리의 색상 지정

border-radius

    - 요소의 모서리를 둥글게 만들기 위함
    - 값
        크기 값
    - 형태
        [값1]               : 모든 방향에 값1 적용
        [값1 값2]           : 좌상, 우하 방향에 값1, 우상, 좌하단에 값2
        [값1 값2 값3 값4]   : 좌상, 우상, 우하, 좌하 순으로 적용
        

border-bottom-left-radius

    - 요소의 좌하단 모서리를 둥글게 만들기 위한 속성
    - 값
        크기 값

border-bottom-right-radius

    - 요소의 우하단 모서리를 둥글게 만들기 위한 속성
    - 값
        크기 값

border-top-left-radius

    - 요소의 좌상단 모서리를 둥글게 만들기 위한 속성
    - 값
        크기 값

border-top-right-radius

    - 요소의 우상단 모서리를 둥글게 만들기 위한 속성
    - 값
        크기 값