見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ | コリス

h1やh2などの見出し要素をシンプルなHTMLで実装し、美しいスタイルを適用するスタイルシートを紹介します。 Cool headings with pseudo-elements [ad#ad-2] デモ 実装 デモ デモは擬似要素だけでなく、background-clipなどのCSS3を使用しているため、Safari 5+, Chrome 7+, Firefox 3.6+, Opera 10+, IE 9+ でご覧ください。 デモページ 実装 HTML HTMLは非常にシンプルで、h1要素にclassを与えるだけです。 <h1 class="headline1">I took lessons</h1> ※デモは4つあり、classを変更するだけです。 CSS: 各デモ共通のベース body要素をメインのラッパーとして使用します。 h1要素にはfont-familyとsizeのみ共通で指定

[marizooooo]

見出し

[vitaminsii]

h1やh2などの見出し要素をシンプルなHTMLで実装し、美しいスタイルを適用するスタイルシートを紹介。

[hama_shun]

サンプルをサラッと作りたい時とかに便利そう。

[Tomato-360]

これはなかなかいいね

[BURN]

rss

[ryumagazine]

WordPressでオリジナルテーマを作成中なので、参考になります。 / [CSS]見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ | コリス

[satrex]

ヘッダーのデザイン、けっこう気になって調べたことがある。

[warriorking]

(CSS)見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ | コリス

[Donca]

✔ [CSS]見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ