Toolzy

Trình tạo tam giác CSS

Tạo tam giác CSS bằng thủ thuật border.

width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid #6366f1;

Tạo tam giác thuần CSS theo hướng, kích thước và màu bất kỳ, rồi sao chép mã border.

Cách sử dụng

  1. Chọn hướng và kích thước.
  2. Chọn màu.
  3. Sao chép CSS.

Câu hỏi thường gặp

Hoạt động thế nào?
Dùng border trong suốt trên phần tử kích thước 0, chỉ tô màu một cạnh.
Dùng cho mũi tên được không?
Được, tam giác CSS phổ biến cho tooltip và mũi tên dropdown.

Công cụ liên quan