Html & Css

Tùy chỉnh style của tag <hr> bằng CSS

Tùy chỉnh style của tag bằng CSS
Được viết bởi Minh Hoàng

Series lập trình HTML (HyperText Markup Language) và CSS (Cascading Style Sheets) – Hai ngôn ngữ định hình phong cách cho một website.

Trong bài viết này, chúng ta sẽ cùng tìm hiểu cách tạo kiểu (style) cho thẻ (tag) <hr> bằng CSS.

Dưới đây là minh họa cho các style tùy chỉnh cho tag <hr>







Ví dụ:
/* Red border */
hr.new1 {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}
Try it »

Cảm ơn bạn đã theo dõi. Đừng ngần ngại hãy cùng thảo luận với chúng tôi!

Giới thiệu

Minh Hoàng

Xin chào, tôi là Hoàng Ngọc Minh, hiện đang làm BrSE, tại công ty Toyota, Nhật Bản. Những gì tôi viết trên blog này là những trải nghiệm thực tế tôi đã đúc rút ra được trong cuộc sống, quá trình học tập và làm việc. Các bài viết được biên tập một cách chi tiết, linh hoạt để giúp bạn đọc có thể tiếp cận một cách dễ dàng nhất. Hi vọng nó sẽ có ích hoặc mang lại một góc nhìn khác cho bạn[...]

Translate »