Front-endCSS

가로줄 넣기(hr태그)

⏱ 읽기 소요 시간: 2 분
  • hr 태그는 기본적으로 border값이 매겨져 있으므로
    초기화를 먼저 해준다.
1
border: 0;
  • width: 수평선의 크기(가로 길이)
    • 비율(%) | 숫자값(px)
  • height : 수평선의 굵기
  • text-align: 선의 위치
    • left | center | right
      (default: center)
  • background-color 또는 background: 수평선의 색깔
1
2
3
4
5
6
7
hr {
  border: 0;
  width: 50%;
  align: left;
  height: 10px;
  background: orange;
}

참고 링크

Share