Skip to main content
SiteIndex

開発者向け

CSSボタンジェネレーター — ドキュメント

色・余白・角丸・ホバー・キーボードフォーカスをライブで調整し、CSSとHTMLをコピーできます。

使う CSSボタンジェネレーター

仕組み

色・余白・角丸・ホバー・キーボードフォーカスをライブで調整し、CSSとHTMLをコピーできます。

可能な場合、このツールは要求された処理をブラウザー内で行います。

利用する場面
  • この作業の結果を確認するにはCSSボタンジェネレーターを使用します。
入力と出力
入力
フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
出力
結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。
制限事項
  • 結果は入力内容、および該当する場合は検査時点のブラウザー、ネットワーク、外部サービスに左右されます。参考情報であり、専門的な診断の代わりにはなりません。
プライバシーとデータの取り扱い

可能な場合、入力はブラウザー内で処理されます。サイト全体の分析とCookieについてはプライバシーポリシーをご覧ください。 プライバシー.

使い方

  1. フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
  2. 可能な場合、このツールは要求された処理をブラウザー内で行います。
  3. 結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。

関連ツール

CSSグラデーション生成線形または放射状グラデーションを作成し、色や位置を調整してCSSをコピーできます。CSS角丸生成四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。CSSボックスシャドウ生成オフセット、ぼかし、広がり、色を調整し、プレビューしたbox-shadowをコピーできます。