Khái niệm

border là một thuộc tính trong CSS được sử dụng để tạo viền bao bọc của một khối.

border có 3 thuộc tính (từ trái sang phải) :

• Độ dày của đường viền
• Kiểu dáng
• Màu sắc của đường viền

Ngoài ra ta còn có thể thiết lập đường viền riêng biệt cho một hướng bằng cách sử dụng:

• border-top
• border-right
• border-bottom
• border-left

Cách sử dụng

Ví dụ

HTML

<h1>Hello<h1>

CSS

h1 {
  border: 2px solid green;
}

Kết quả

Trải nghiệm