タグ 見出し要素
人気順 5 users 10 users 50 users 500 users 1000 users[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック | コリス
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 画像置換:-9999px 改善したテクニック 画像置換:-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「te... 続きを読む
[CSS]見出し要素をシンプルなHTMLで美しくスタイルするテクニックのまとめ | コリス
デモページ: Headline 1 最初のデモはシンプルで、borderのプロパティのみでスタイルしています。 .headline1 { border-bottom: 1px dashed #aaa; border-left: 7px solid #aaa; border-left: 7px solid rgba(0,0,0,.2); margin: 0 -15px 15px -22px; pad... 続きを読む
[CSS]テキストにグラデーション効果をつけるスタイルシート | コリス
Web Designer Wallにエントリーされている、テキストにグラデーション効果をつけるスタイルシートの紹介です。 CSS Gradient Text Effect 仕組みは、見出し要素(h1)に空のspanを記述し、グラデーションの背景画像を表示しています。 デモページでは、下記のようなさまざまなグラデーションをつけたテキストがあります。 CSS Gradient Text Effectの... 続きを読む