본문 바로가기

HTML, CSS/CSS

[CSS] 테두리

.test{
border: 굵기 테두리종류 색상
border-radius: 둥근 정도
}

border: 굵기 테두리종류 색상

border는 padding과 margin 사이의 테두리이다. 

굵기 2px(2px 짜리 선), 10px(10px 짜리 선)

테두리 종류: soild(실선), dotted(점선), dashed( -로 이루어진 선)

색상: 색상코드를 입력하면 된다.

border-radius: 둥근 정도

모서리를 둥글게 만들어 준다.

둥근 정도: 0%(사각형), 50%(타원), 100%(원),0px(사각형) ,9999px(알약 모양)

'HTML, CSS > CSS' 카테고리의 다른 글

[CSS] 블록과 인라인  (0) 2023.08.28
[CSS] 박스 모델  (0) 2023.08.28
[CSS] 배경 속성(이미지, 그라데이션, 그림자, 불투명도)  (0) 2023.08.26
[CSS] 글자 모양  (0) 2023.08.26
[CSS] 코멘트  (0) 2023.08.26