なぜCSSでボタンを作るのか?その前に、なぜCSSでボタンを作るのか?について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い!拡張性がある!解像度の心配がない!簡単!と言った理由ではないでしょうか? 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで
![CSSボタンデザイン120個以上!どこよりも詳しく作り方を解説!](https://cdn-ak-scissors.b.st-hatena.com/image/square/9cb74673f495c78c8dfb5d4a25d1ee75c130aa56/height=288;version=1;width=512/https%3A%2F%2Fjajaaan.co.jp%2Fwp-content%2Fuploads%2F2020%2F04%2Fcss-button.png)