画像を使わない「CSS」のみで作れる、ページタイトルや記事の小見出しタイトル(h1~h6)のデザインとして使えそうなアイデアを考えてみました。 各コードサンプルも掲載していますので、よろしければご参考ください。 サンプルのカラーは、グレー系を使用していますが、サイトのデザインに合わせて変更してみてください。また、タイトルは、h3で作成していますが、こちらもサイトの構成に合わせてほかのタグに変更してください。 また、思い付き次第追加していきたいと思います。 独自ドメインがずっと無料!国内シェアNo.1【ロリポップ!】 全タイプ一覧 タイプ一覧はこちらからどうぞ 下記にそれぞれのコードサンプルがあります。 罫線タイプ 左二重線 See the Pen Title design - Left double line by web-basic-archive (@web-basic-archive
![「CSS」のみで作る タイトル・見出しのデザイン - Web制作の基本テクニック HTML・CSS・JS | WBA ウェブベーシックアーカイブ](https://cdn-ak-scissors.b.st-hatena.com/image/square/3aaff11297121c6194372c703456c549395c92ee/height=288;version=1;width=512/https%3A%2F%2Fweb-basic-archive.site%2Fcms%2Fwp-content%2Fuploads%2F2023%2F07%2Fic11_2.jpg)