HTMLとCSSのコピペですぐに実装できる見出しデザイン14選 | UX MILK

2016/09/14 824 users CSS コピペ After UX MILK HTML

WEB制作で必ずと言っていいほど登場するものの１つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば... 続きを読む

CSSで作る見出しデザイン | Web’Notes

2014/02/14 413 users CSS relative bold SOLID CCC

見出しはサイトの見た目を決める上で重要な箇所です。 印象的な見出しは、それだけでサイトを引き立ててくれます。 今回は、そんな見出しのデザインをCSSで10パターン作成してみましたので、参考にして下さい。 .heading1{ position:relative; padding-left:20px; border-bottom:2px solid #ccc; font-weight: bold; ... 続きを読む

見出しデザインに迷ったら！吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。 | Balance Note

2013/09/14 195 users プレビュー CSS 見出し Balance Note リボン

見出しデザインに迷ったら！吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。 Webサイトやブログのデザインで、「h1」や「h2」をどんなデザインにしようか迷う方は多いはず。私も見出しをCSSで色々作ってみましたが、書く→プレビュー。書く→プレビュー。の繰り返しが煩わしくなったのでWebで色々調べたところ、Web道さんでとても便利なものがありました。既に有名なサービスかもしれませんが、これ... 続きを読む

CSSの擬似要素を使った見出しデザイン｜Webpark

2013/01/27 633 users before After Webpark ボーダー 見出し

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「... 続きを読む

【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ - NAVER まとめ

2012/02/07 808 users NAVER シャッフル CSS HTML 参考

Webデザイン(220)デザイン(554)Webサービス(967)Web開発(81)Web制作(41) シャッフル 【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ 続きを読む

パーツ別のWEBデザインギャラリー8選 | designaholic -Creative Column-

2011/11/10 108 users フッター ヘッダー Webデザインギャラリー パーツ別 ちょ

ヘッダー、フッターから見出し、ナビゲーションといったパーツにフォーカスしたWEBデザインギャラリーのまとめです。 見出しデザイン.com フッターデザイン.com ブブンデザインアーカイブ Patternry Pattern Tap MephoBox Footer Fetish Elements of Design やっぱりデザインは細かい部分の作り込みが全体のクオリティに影響してきますので、ちょ... 続きを読む

フッターデザイン.com

2010/11/30 995 users フッターデザイン com フッター about ロゴ

いろんなサイトのフッターを集めたリンク集カテゴリ 一覧 イラスト カラムメニュー ページトップへ戻る ロゴ 横並びメニュー 横並び＆カラムメニュー リンク 見出しデザイン.com ウェブコレクション！ 生活に役立つ・面白いそんなサイトを集めたリンク集。 about いろんなWEBサイトのフッター部分（ページ下部も含んでいます）を集めました。 デザインの参考にどうぞ。 主に日本国内のものを選んでいま... 続きを読む

見出しデザイン.com

2010/09/01 2686 users com

見出しのデザインを集めたWEBデザインギャラリーMenu TOP 一覧 グラデーション テキストのみ 上線 下線 丸 四角 囲み線 斜線 点線 角丸 about いろんなWEBサイトの見出し部分を集めました。デザインの参考にどうぞ。そのサイトがリニューアルした場合は画像の見出しが使用されていない場合があります。 link ウェブコレクション！ contact made by daybreak-da... 続きを読む

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

2010/06/13 1225 users CSS 日刊ウェブログ式 hタグ headline サンプル集

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 見出し(Headline)のサンプル集 色やボーダーのサイズ等の装飾部分をお好みで編集してください。 見出しサンプル01 .selector01 { border-left:... 続きを読む