1. まとめトップ

HTMLで見出しを作るコードサンプルのまとめ-あのリボン風など、かっこよく♪

無料ブログでテンプレートの見出しがどうも今ひとつだったり、WP(ワードプレス)でも、テーマ自体はそこそこなのに見出しが残念だったり。取り急ぎ、そのページだけかっこよくしたい時など、そのページごとにHTMLで書き込めたら楽だなぁと思い、見出しをまとめてみた。

更新日: 2016年05月27日

2 お気に入り 6146 view
お気に入り追加

この記事は私がまとめました

kirara315さん

まず、CSSで書かれたコードをHTMLにして、テキスト形式で書けるように変換するやり方

※見出しをHTMLにする基本形

<h● style=”▲▼▲▼▲▼▲▼”>◆テキスト◆</h●>

●見出しの大きさ
▲CSSから拾ったコード
◆テキスト文字

※この後は、いろんな参考サイトをピックアップしていくので、基本形をつかって応用してみてください。

2色でバリエーションをきかせてあるCSS

画像で見る見出しサンプル

1