공부/HTML, CSS

[css] 테두리 주기(border)

cldy 2019. 2. 19. 20:43

1
2
3
4
.info {
    border: 3px solid #4d5fff; 
    border-radius: 30px;
}
cs


테두리 선의 두께, 스타일, 선 색깔 순으로 값을 적어줌.

solid는 실선, dotted는 점선, dashed는 점선인데 좀 더 선이 넓음.


border-radius는 요소의 모서리를 둥글게 만듬.

값이 클 수록 더 둥글게 됨.


border-top-left-radius : 왼쪽 위

border-bottom-right-radius: 오른쪽 아래


와 같이 개별로도 줄수있음.