본문 바로가기
HTML,CSS

div,hr 등 border속성

by flykimjiwon 2022. 2. 11.
반응형

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

https://developer.mozilla.org/ko/docs/Web/CSS/border-style

 

border-style - CSS: Cascading Style Sheets | MDN

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

developer.mozilla.org

https://developer.mozilla.org/ko/docs/Web/CSS/border-right

 

border-right - CSS: Cascading Style Sheets | MDN

border-right CSS 단축 속성은 요소의 오른쪽 테두리를 설정합니다.

developer.mozilla.org

 


hr태그 div의 테두리 설정을 할 수 있다.

 

div같은경우는 상하좌우 정해서 심지어 모양까지 점선인지 실선인지 두께,색상 모두 조절가능!

반응형

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

Zoom in Zoom out animation (html,css,js and React)  (0) 2022.02.14
좌우 흔들리는 건배효과 (cheers!)  (0) 2022.02.14
hr 태그 배경 및 속성변경  (0) 2022.02.10
React bootstrap customizing  (0) 2022.02.10
background-position  (0) 2022.02.04