Hướng dẫn border-bottom css
Định nghĩa và sử dụngThuộc tính border được dùng để định dạng đường viền cho thành phần. Cấu trúctag { Thuộc tính: giá trị; } Với thuộc tính và giá trị như sau:
Kiểu cho border:
Tuy sử dụng rất nhiều thuộc tính như vậy, nhưng chúng ta chỉ cần chú ý đến các "thuộc tính vị trí" là có thể sử dụng được tất cả các dạng cần thiết, chỉ những trường hợp riêng biệt mới cần sử dụng tới các "thuộc tính định dạng". Cấu trúc như sau: tag { Thuộc tính: width style color; } Chú ý: width, style, color có thể theo thứ tự bất kỳ. HTML viết:
CSS viết:p { border-top: 2px solid #ff0000; } Hiển thị trình duyệt:Đây là tag p có border top 2px dạng solid màu đỏ. HTML viết:
CSS viết:p { border-right: 2px solid #ff0000; } Hiển thị trình duyệt:Đây là tag p có border right 2px dạng solid màu đỏ. HTML viết:
CSS viết:p { border-bottom: 2px solid #ff0000; } Hiển thị trình duyệt:Đây là tag p có border bottom 2px dạng solid màu đỏ. HTML viết:
CSS viết:p { border-left: 2px solid #ff0000; } Hiển thị trình duyệt:Đây là tag p có border left 2px dạng solid màu đỏ. HTML viết:
CSS viết:p { border: 2px solid #ff0000; } Đây là dạng kết hợp của 4 thuộc tính vị trí trên, bao gồm cả: border-top, border-right, border-bottom, border-left. Hiển thị trình duyệt:Đây là tag p có border 2px dạng solid màu đỏ. Trình duyệt hỗ trợThuộc tính border được hỗ trợ trong đa số các trình duyệt. |