다시한번 보는 border 시리즈(radius,solid,style등..)

1.border-radius

이와같이 둥글게 만드는데 사용했다.

border-radius: 15px;

참고한링크는

border-radius - CSS: Cascading Style Sheets | MDN

CSS border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다.

developer.mozilla.org

선의종류를 그냥 줄로할거냐 점선으로 할거냐 등등...

border: solid;

이와같이 사용했고, px까지지정해서 사용할 수 있다.

border - CSS: Cascading Style Sheets | MDN

CSS border 단축 속성은 요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정합니다.

developer.mozilla.org

추가로 참고한링크

border-style, border:속성과 비슷하다!

border-style - CSS: Cascading Style Sheets | MDN

border-style CSS 단축 속성은 요소 테두리 네 면의 스타일을 지정합니다.

developer.mozilla.org

Margin 간격 (0)	2022.03.23
CSS 애니메이션, 위아래 움직이는 효과주기 (0)	2022.03.23
버튼 클릭 효과(음영,눌리는효과),cursor속성까지 (0)	2022.03.23
HTML element 정렬 (우측정렬,좌측정렬) float사용 (0)	2022.03.23
HTML 띄어쓰기 (공백) 하는법 (0)	2022.03.23