免費的 CSS 按鈕產生器

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.

按鈕預覽

生成的 CSS

.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); }

按鈕屬性

流行的預設

Related Tools

創建完美的 Flexbox 佈局

使用我們直觀的拖放介面可視化、自定義和生成 CSS flexbox 代碼。

觸控筆到 CSS 轉換器

將您的 SCSS 代碼轉換為 CSS。快速、簡單、安全。

SCSS 到 CSS 轉換器

將您的 SCSS 代碼轉換為 CSS。快速、簡單、安全。

CMYK 到 HEX

將 CMYK 顏色值轉換為十六進位代碼，用於 Web 設計和數位應用程式

MD2 哈希生成器

使用此在線工具快速輕鬆地生成 MD2 哈希值。安全、可靠和即時的結果。

計算字數、字元數等

使用我們準確的字數計數器工具獲取有關您的文本的詳細統計數據。