đường kẻ ngang trong html là một trong những từ khóa được search nhiều nhất trên google về chủ đề đường kẻ ngang trong html. Trong bài viết này, xaydungweb.vn sẽ viết bài Hướng dẫn tạo đường kẻ ngang trong html mới nhất 2020
Xem thêm: Tổng hợp các cách sao chép trang web mới nhất.
Hướng dẫn tạo đường kẻ ngang trong html mới nhất 2020
Để kẻ một đường ngang trong HTML, ta dùng lệnh Hr, và vì nó là một thẻ đơn nên không có thẻ đóng (end tag) giống như các bạn thẻ không giống.
Cú pháp của thẻ hr Rất đơn giản:
Một đường kẻ ngang mặc định của HTML là như thế này:
Đường kẻ ngang kéo dài từ lề trái sang lề phải và có màu đen. Vậy nếu chỉ muốn đường kẻ ngang này chỉ từ lề trái đi đến khoảng giữa của website, có màu sắc khác cho sinh động thì làm thế nào?
HTML chuẩn bị sẵn cho Hr những thuộc tính giống như thế này
tính chất Align với các trị giá Left, Right và Center cho phép canh lề cho đường thẳng. dĩ nhiên, đường thẳng ấy cần có chiều dài nhỏ hơn đường thẳng mặc định thì mới gọi là canh lề được.
tính chất width với trị giá số (10, 20 px) hoặc phần trăm (20,30% của độ rộng trang web) cho phép dựng lại chiều dài đoạn thẳng
thuộc tính size với giá trị số (10, 20 px)giúp bạn vẽ những đường thẳng dày hay mỏng.
gợi ý cho các thuộc tính
1. Một đường kẻ rộng bằng 30% của trang web và canh giữa
Câu lệnh :
kết quả :
2. Cũng đường thẳng ấy nhưng canh trái
Câu lệnh :
kết quả :
3. Độ dày mặc định của đường thẳng là 1px, giờ muốn tăng trưởng độ dày lên 10px
Câu lệnh :
kết quả :
4. Xấu quá, giảm bớt độ dày xuống 5
Câu lệnh :
kết quả :
Xem thêm: Hướng dẫn chỉnh css khoảng cách giữa các chữ mới nhất 2020
5. Vậy còn màu sắc thì sao?? Màu sắc có lẽ sẽ có thuộc tính color với các giá trị màu tương ứng. Thử xem với màu đỏ
Câu lệnh :
hiệu quả :
Good
