본문 바로가기
HTML,CSS

hr 태그 배경 및 속성변경

by flykimjiwon 2022. 2. 10.
반응형

다른게 아니라 hr태그 넣는데 기본적으로 배경이 있더라

 

흰색 배경에서는 티가안나지만 hr태그자체가 마진이랑 패딩을 (margin,padding)가지고 있는것 같다.

 

Custom.css

hr{
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 2px solid rgb(253, 2, 2);
}

이런식으로 커스텀이 가능하다

 

색상부터 여러 속성을 넣어주는게 전부가능! 유용하게 가끔 써보도록하자, Navbar관련해서

 

경계를 주거나 배경있는곳에서 경계를 줄때 유용해 보인다. 종종 쓸거같음

 

https://stackoverflow.com/questions/41948516/how-to-set-background-color-on-hr-tag

 

How to set background-color on <hr> tag?

Why is the hr tag element not setting to green as coded below? hr { background-color: #00ff00; } <hr>

stackoverflow.com

https://www.w3schools.com/howto/howto_css_style_hr.asp

반응형

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

좌우 흔들리는 건배효과 (cheers!)  (0) 2022.02.14
div,hr 등 border속성  (0) 2022.02.11
React bootstrap customizing  (0) 2022.02.10
background-position  (0) 2022.02.04
background-size  (0) 2022.02.04