コンバージョン率にも大きく関係のあるボタンのデザイン。自分で作るとなるとCSSをたくさん書く必要があったり、書いてみても思ったようにできなかったりと大変ですよね。 そこでHTMLとCSSだけで作れるボタンのデザインのサンプルをまとめました。カーソルを合わせたあとのスタイルもクリックしたあとのスタイルもすべて用意してあるので操作感もバッチリです。そのままコピー&ペーストで使っても、大きさや色を変更してもOKです。 ボタンをCSSでデザインするための準備 まずは基本として、これから紹介するボタンのデザインがどの要素に使えるのかという説明と、CSSでスタイルをつけるにあたって事前に用意しておくと便利なリセットクラスを紹介します。 ボタンの種類 ボタンのスタイルをつけられる要素は大きく分けて以下の3つです。 1. リンク要素 ページ遷移するもの [html] <a href=”…”>リ
![【コピペ改変OK】CSSだけで作れるボタンデザイン10選 | creive【クリーブ】](https://cdn-ak-scissors.b.st-hatena.com/image/square/1158f2b8e2986073e476e6732c86d3eab4261b38/height=288;version=1;width=512/https%3A%2F%2Fcreive.me%2Fwp-content%2Fuploads%2F2018%2F10%2Fcreive_thumbnail_css_button.png)