Làm cách nào để thêm một đường ngang trong html?
Bài viết này sẽ hướng dẫn các bạn cách thêm đường kẻ ngang vào bên phải và bên trái văn bản như hình bên dưới Show
nếu bận){ } khác { 1. Tạo thẻ văn bản HTMLTrong tệp HTML của bạn, hãy tạo một thẻ 9 và đặt cho nó một tên lớp là 0
2. Thêm dòng bên tráiChúng ta sẽ sử dụng phần tử giả CSS 1 để thêm một dòng vào bên trái của văn bản. Áp dụng mã bên dưới vào tệp CSS của bạn
Từ đoạn mã trên, chúng tôi đang tạo một phần tử mới có chiều cao là 0 và chiều rộng là 1 trước phần tử 0 bằng cách sử dụng thuộc tính nội dung, sau đó đặt cho nó một vị trí tuyệt đối để di chuyển nó xung quanh, chúng tôi đặt phần trên cùng là 3 thành 3. Đặt .hr-lines:before{ content:" "; display: block; height: 2px; width: 130px; position: absolute; top: 50%; left: 0; background: red; } 0 thành tương đốiĐể các phần tử giả được áp dụng cho phần tử đích, chúng ta phải đặt vị trí của phần tử thành tương đối, điều này sẽ làm cho tất cả chuyển động của 1 và 6 có liên quan đến phần tử gốc (văn bản)Thêm các dòng sau vào tệp CSS của bạn
kết quả đầu ra Chúng tôi có thể khắc phục điều này bằng cách đặt 7 và thêm 8 vào phần tử
Chúng tôi đang đặt 1 ở bên trái của văn bản bằng cách đặt 04. Thêm dòng bên phảiChúng tôi sẽ sử dụng phần tử giả 6 để thêm dòng bên phảiThêm các dòng mã sau vào tệp CSS của bạn để thêm đúng dòng vào văn bản 2Chúng tôi đang đặt 6 ở bên phải của văn bản bằng cách đặt 3Kết quả cuối cùng} Mã hoàn chỉnh 4 6 5 8kết thúcTôi hy vọng rằng bài viết này sẽ hỗ trợ bạn trong việc tạo văn bản có các dòng ngang phải và trái vào một thời điểm nào đó trong tương lai Chà, thật là một hành trình, tôi rất vui vì bạn đã đi đến cuối bài viết này, nếu bạn thích và học được điều gì đó mới từ bài viết này, tôi sẽ muốn kết nối với bạn Hãy kết nối trên
Hẹn gặp lại các bạn trong bài viết tiếp theo. Tạm biệt 🙋♂️ Nếu bạn thấy nội dung của tôi hữu ích và muốn ủng hộ blog của tôi, bạn cũng có thể mua cho tôi một ly cà phê bên dưới, blog của tôi sống nhờ cà phê 🙏 Cách dễ nhất để thêm một đường ngang trong HTML là gì?Thêm Đường ngang bằng thẻ
tag . Thẻ Horizontal Rule ( Làm cách nào để vẽ một đường thẳng trong HTML?Trong HTML, chúng ta có thể dễ dàng thêm Đường kẻ ngang vào tài liệu bằng các cách sau. Sử dụng thẻ Html. . <. Loại tài liệu Html> <Đầu> Thêm dòng bằng thẻ Html . . |