반응형
1.border-radius
이와같이 둥글게 만드는데 사용했다.
border-radius: 15px;참고한링크는
https://developer.mozilla.org/ko/docs/Web/CSS/border-radius
border-radius - CSS: Cascading Style Sheets | MDN
CSS border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만듭니다. 하나의 값을 사용해 원형 꼭짓점을, 두 개의 값을 사용해 타원형 꼭짓점을 적용할 수 있습니다.
developer.mozilla.org
2.border:속성
선의종류를 그냥 줄로할거냐 점선으로 할거냐 등등...
border: solid;이와같이 사용했고, px까지지정해서 사용할 수 있다.
https://developer.mozilla.org/ko/docs/Web/CSS/border
border - CSS: Cascading Style Sheets | MDN
CSS border 단축 속성은 요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정합니다.
developer.mozilla.org
추가로 참고한링크
border-style, border:속성과 비슷하다!
https://developer.mozilla.org/ko/docs/Web/CSS/border-style
border-style - CSS: Cascading Style Sheets | MDN
border-style CSS 단축 속성은 요소 테두리 네 면의 스타일을 지정합니다.
developer.mozilla.org
반응형
'HTML,CSS' 카테고리의 다른 글
| 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 |
