スポンサーリンク

お問い合わせボタンなど、ボタンのサンプルです。

お問い合わせボタン

問い合わせフォームへのリンクボタン

aタグをCSSでボタン風に表示。
また、「Font Awesome」のアイコンの配置。

See the Pen contact-btn1 by yuichi (@yhamada1205) on CodePen.

問い合わせフォームへのリンクボタン

グラデーションあり。

See the Pen contact-btn3 by yuichi (@yhamada1205) on CodePen.

電話番号のリンクボタン

ボタン内に2行ある場合。
途中で改行をされないように、「white-space: nowrap;」を入れる。

See the Pen contact-btn4 by yuichi (@yhamada1205) on CodePen.

スポンサーリンク
おすすめの記事