Nếu bạn đang làm việc trên một trang và muốn thêm một đường kẻ ngang, có một thủ thuật đơn giản để thực hiện việc này. Trong khi làm việc trên các trang web, bạn có thể muốn thêm một đường kẻ ngang để biểu thị sự thay đổi theo chủ đề giữa các phần khác nhau. Để tạo một đường kẻ ngang trong HTML, bạn sẽ cần sử dụng thẻ HTML hr. HR là một phần tử cấp khối di chuyển tất cả các phần tử sau nó sang một dòng khác. Sau đây là cách thêm dòng trong HTML
Thẻ nhân sự trong HTML là gì?
The horizontal rule is an HTML tag that enables us to add a thematic break to an HTML page. Using the html add line tag, we can divide document sections. This can be done by typing in front of the area we want to divide. Here’s how the syntax of an HTML hr tag looks like:
It's a good idea to insert horizontal lines or other elements of human resources into web pages to add visual value. In earlier versions of HTML, the tag was used for this purpose. Since HTML5, however, the tag provides semantic meaning to page layouts and can be customized using CSS to create various layout effects. In HTML, you can use the tag to create a thematic break and separate different topics on a page. Here’s an example html add a line [hr] tag:
Thẻ dòng ngang
Đây là một ví dụ về quy tắc ngang. Nó được sử dụng bên dưới đoạn này
Chúng tôi đã sử dụng quy tắc ngang ở trên đoạn này.
Thuộc tính CSS cho thẻ giờ
Để tạo đường kẻ ngang ta sẽ sử dụng Thuộc tính border-style. Thuộc tính này có thể được sử dụng để đặt kiểu cho đường viền trên hoặc đường viền dưới của một phần tử. Cả hai thuộc tính có thể được sử dụng để thêm một đường ngang
.horizontal_line {
màu nền. màu xanh lục;
chiều rộng. 90%;
chiều cao. 5px;
đường viền trên cùng. 5px chấm đen;
chiều cao dòng. 80%;
}
< . dòng {.line {
border-bottom. 5px màu đỏ đặc;
lề trên cùng. 5px;
chiều rộng. 90%;
}
viết mã của bạn ở đây. Sân chơi mã hóa
Phần kết luận
Đường kẻ ngang [hoặc thước kẻ ngang] là đường phân cách các phần của văn bản. Có nhiều cách khác nhau để vẽ đường này thông qua HTML, tùy thuộc vào mức độ tùy chỉnh mà bạn muốn với phần tử của mình. Bây giờ bạn đã biết cách hiển thị đường kẻ ngang trong HTML
Blog. bảng vô cực
Tại Board Infinity, chúng tôi có các tác giả hàng đầu trong nghề chia sẻ những hiểu biết, ý tưởng và nguồn cảm hứng của họ. Tại đây, các nhà tư tưởng, nhà sáng tạo, nhà sản xuất và người làm có ảnh hưởng được tìm thấy ở một nơi