다른게 아니라 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
'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 |
