HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명-HTML 튜토리얼-php.cn

HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명

不言

풀어 주다： 2018-10-31 11:29:36

원래의

42652명이 탐색했습니다.

프런트 엔드 웹 페이지를 개발할 때 때로는 가로 구분선을 사용하여 서로 다른 문서를 구분해야 할 때가 있습니다. 이렇게 하면 전체 웹 페이지가 아름답고 깔끔하게 보이고 특정 텍스트 단락의 중요성도 강조됩니다. 웹 페이지의 가로 구분선은 어떻습니까? 이 기사에서는 HTML에서 가로 구분선을 구현하는 방법을 공유합니다.

HTML에는

태그가 있습니다.

태그를 사용하면 매우 쉽게 가로선을 설정할 수 있습니다.

태그의 정의를 간략히 살펴보겠습니다.

태그는 HTML 페이지에 가로줄을 만듭니다. 부분품.

HTML에서

태그는 닫는 태그가 없는 단일 태그입니다.

그럼 HTML에서
태그에 가로 구분선을 설정하는 방법을 자세히 설명하겠습니다.

태그에 가로 구분선을 설정하는 특성은 가로 구분선 100%입니다. , 전용선을 차지하며, 태그에 의해 설정된 수평선은 콘텐츠 위와 아래에 일정 거리를 두고 위치하게 됩니다.

은 블록 수준 요소이므로

는 한 줄을 차지하고 너비와 높이를 설정할 수 있습니다.

태그에 가로 구분선을 설정하는 예제 코드를 살펴보겠습니다.

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p >
           桃之夭夭，灼灼其华。之子于归，宜其室家。
           <hr width="300" align="left">
           桃之夭夭，有蕡其实。之子于归，宜其家室。
           <hr width="300" align="left">
           桃之夭夭，其叶蓁蓁。之子于归，宜其家人。
           <hr width="300" align="left">
        </p> 
    </body>
</html>

로그인 후 복사

레이블에 가로 구분선을 설정하면 다음과 같은 효과가 있습니다.

HTML에서 가로 구분선을 설정하는 방법은 무엇입니까? HTML 가로 구분선의 코드 예 설명