FrontEnd/css

[css]<hr> 태그 색상 바꾸는 방법

김평범님 2022. 6. 25. 23:16
반응형

<hr>태그 색상 변경방법

📑<hr> 태그란?

hr 태그를 이용하면 콘텐츠 중간에 선을 그을 수 있다.

보통 주제가 변경이 될 때 이용하는 태그이다.

 

<hr> 태그는 기본적으로 검은색으로 제공되고 있다.

만약에 해당 색상을 바꾸고 싶다면?

 

🧡<hr>태그 선 색상 변경 코드

hr {
    background:pink;
    height:1px;
    border:0;
}

 

hr 태그를 변경하려면 background나 color 속성만 변경하면 색상이 변하지 않는다.

height를 1px을 주고 background를 주면 색상이 변하는 걸 확인할 수 있고

이때 border는 0으로 맞춰준다.

 

<hr>태그 컬러 변경

줄 넓이를 키우고 싶을 경우 height를 조절해주면 끝!

반응형