Trình tạo nút CSS miễn phí

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

Xem trước nút

CSS được tạo

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Thuộc tính nút

Văn bản nút

Size

Shape

Color

Cài đặt trước phổ biến

Related Tools

Tạo bố cục Flexbox hoàn hảo

Trực quan, tùy chỉnh và tạo mã flexbox CSS với giao diện kéo và thả trực quan của chúng tôi.

Công cụ chuyển đổi Stylus sang CSS

Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.

Công cụ chuyển đổi SCSS sang CSS

Chuyển đổi mã SCSS của bạn thành CSS. Nhanh chóng, dễ dàng và an toàn.

Công cụ chuyển đổi Base64 sang CSV

Chuyển đổi dữ liệu CSV được mã hóa Base64 thành tệp CSV có thể tải xuống ngay lập tức. Hoạt động cục bộ trong trình duyệt của bạn mà không cần tải lên dữ liệu.

Bộ chuyển đổi điện áp

Chuyển đổi điện áp giữa các đơn vị khác nhau một cách chính xác và dễ dàng

Hex sang thập phân

Chuyển đổi số thập lục phân sang số thập phân một cách dễ dàng