Trình tạo mũi tên CSS

Tiếp theo

Tạo mũi tên CSS đơn giản ngay trong trình duyệt. Chọn phải, trái, lên hoặc xuống cùng màu, kích thước vuông và độ dày viền. Sau đó sao chép quy tắc .arrow được tạo.

Tạo mũi tên CSS

  1. 1

    Chọn hướng

    Chọn phải, trái, lên hoặc xuống.

  2. 2

    Đặt diện mạo

    Chọn màu, kích thước và độ dày bằng pixel.

  3. 3

    Sao chép CSS

    Kiểm tra bản xem trước rồi sao chép quy tắc.

Trình tạo tạo một phần tử .arrow vuông với display: inline-block, chiều rộng và cao bằng nhau, viền phải và dưới, cùng phép xoay cho bốn hướng.

Nó không tạo tam giác bằng viền, clip-path, SVG, chuyển màu, mũi tên chéo hoặc đuôi tooltip. Nó cũng không cung cấp HTML, kiểm tra bố cục hay hướng dẫn tương thích. Hãy kiểm tra quy tắc đã sao chép trong trang của bạn.

Công cụ liên quan