Trình tạo mẫu nền CSS

Tạo mẫu nền lặp lại (sọc, chấm, bàn cờ hoặc lưới) hoàn toàn bằng CSS.

background-color: #ffffff;
background-image: repeating-linear-gradient(45deg, #6366f1 0, #6366f1 10px, transparent 10px, transparent 20px);

Related tools

How it works

  1. 1

    Chọn kiểu mẫu

    Sọc, chấm, bàn cờ hoặc lưới.

  2. 2

    Đặt màu và kích thước

    Xem phần xem trước trực tiếp cập nhật ngay lập tức.

  3. 3

    Sao chép CSS

    Không cần tệp ảnh — chỉ dùng CSS background-image.

FAQ

Công cụ này có cần tệp ảnh nào không?
Không — mọi mẫu đều được tạo chỉ bằng CSS gradient, không cần lưu trữ hay tải bất kỳ tài nguyên ảnh nào.
Công cụ này có gửi dữ liệu tôi nhập đi đâu không?
Không — CSS được tạo hoàn toàn trong trình duyệt của bạn.