Về công cụ này
Tạo hình tam giác thuần CSS bằng mẹo border kinh điển — chọn hướng, kích thước và màu sắc, rồi sao chép quy tắc. Phần xem trước cập nhật trực tiếp và mọi thứ chạy trong trình duyệt của bạn.
Câu hỏi thường gặp
Mẹo border hoạt động thế nào?
Một phần tử có chiều rộng và chiều cao bằng 0 chỉ hiển thị các đường viền của nó; làm ba đường viền trong suốt sẽ chỉ còn lại một đường viền có màu mang hình tam giác.
Tại sao chiều rộng và chiều cao được đặt bằng 0?
Khi không có vùng khối, các đường viền gặp nhau ở tâm, nên đường viền duy nhất nhìn thấy được trở thành một tam giác gọn gàng thay vì một cạnh dày.