Đường ngang sau văn bản html

Trong bài viết này, chúng ta sẽ xem cách thêm Đường kẻ ngang trong HTML. Đối với điều này, có 2 cách tiếp cận

  • By using the
    tag
  • Bằng cách sử dụng Thuộc tính CSS

Chúng tôi sẽ thảo luận tuần tự cả hai cách tiếp cận để thêm đường ngang

Adding the Horizontal Line using


tag: The Horizontal Rule tag (
) is used for the purpose of inserting horizontal lines in the HTML document in order to separate sections of the document. It is an empty or unpaired tag that means there is no need for the closing tag.

cú pháp

 

Example 1: This example describes the  


tag to add the horizontal line.

HTML




<____3____4

 

<head>

    <121>

5head>

 

<____20____4

    <<42<4>

    <html0>

    <html4html5html4>

5<0>

 

5html>

đầu ra

Đường ngang sau văn bản html

Example 2: This example describes the


tag with various attribute & their values to style the horizontal line.

HTML




<____3____4

 

<head>

    <1 61>

5head>

 

<____20____4

    <<4<9<4>

    <html0 head5head6head7

head8head9head6>1

head8>3head6>5>

    <html0 head5head6head7

head8head9head6>1

head8>3____7600

head802____7604 05

    <html0 head5head611

head802____7615

head8head9head619

head8>3____762324

5<0>

 

5html>

đầu ra

Đường ngang sau văn bản html

Thêm đường Ngang bằng Thuộc tính CSS. Trong trường hợp này, chúng ta sẽ sử dụng Thuộc tính kiểu viền để tạo đường kẻ ngang. Chúng ta có thể sử dụng thuộc tính border-top chỉ định kiểu của đường viền trên cùng hoặc thuộc tính border-bottom, có thể đặt kiểu cho đường viền dưới cùng của một phần tử. Cả hai thuộc tính có thể được sử dụng để thêm đường ngang

ví dụ 3. Ví dụ này mô tả cách vẽ đường ngang bằng Thuộc tính kiểu viền