コーディング Kota Naito / 2017.07.11 シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選 画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。これから紹介する様々なデザインサンプルを組み合わせれば、また新たな面白い見出しを作ることも可能かと思いますので、カスタマイズも楽しんでみてください。 一部ブラウザで表示できないデザインもあるかと思いますが、その場合はベンダープレフィックスを、各自で追加してください。 このページでは「見出しデザイン」のプレビューに画像を使用していますが、実際の表示は以下デモページで確認することができます。 DEMOページ 手書き風の見出しデザイン[01] このデザインのポイントは「border-radi
![シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選](https://cdn-ak-scissors.b.st-hatena.com/image/square/981268b63609602e45a7cb0c297bc85870a237d2/height=288;version=1;width=512/https%3A%2F%2Ffit-jp.com%2Fwp-content%2Fuploads%2F2017%2F07%2Fcssheading.jpg)