概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-corner a { display: inline-block; min-width: 100px; text-align: center; border: 2p…

概要 シンプルな枠線ボタンです。 デモ ボタンテキスト .button-stroke.button-rounded { display: flex; /* ボタンを中央そろえにする場合 */ } .button-stroke.button-rounded a { display: inline-block; min-width: 100px; text-align: center; border: …

概要 シンプルな塗りつぶしボタンです。 デモ ボタンテキスト .button-fill.button-corner { display: flex; /* ボタンを中央そろえにする場合 */ } .button-fill.button-corner a { display: inline-block; min-width: 100px; text-align: center; backgrou…

概要 シンプルな塗りつぶしボタンです。 デモ ボタンテキスト .button-fill.button-rounded { display: flex; /* ボタンを中央そろえにする場合 */ } .button-fill.button-rounded a { display: inline-block; min-width: 100px; text-align: center; backgr…

SNSボタンのリストです。 必要なアイコンだけ設置して、各aタグ内にURLを記載してください。また、追加したいSNSアイコンをご自身で追加することも可能です。

ボタンにさらに訴求ポイントを追加したいときに使えるパターンです。期間限定のアピールや注目を集めたいボタンなどにお使いいただけます。