見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
HTML で画像サイズの比率固定したまま高さ幅制限 - Enjoi Blog
動的な HTML で様々なイメージサイズが想定されるイメージの width と height の比率は固定したまま、一定の高さと幅のスペースに収めたいときがある。 例えば AxB サイズの画像の幅と高さを固定したまま、 300x200 のスペースに収めたいという感じ。 高さが幅より高いときもあれば幅が高さより広い場合もある。 そんな時は css の max-width と max-height を使うと便利。 ただこれは IE6 では対応していないので、じゃーどうしようか。 まず IE6 では css に expression 関数が使える。これは、 css に動的に値を代入するためのものだ。 例えば、 width: expression("300" + px); っていうのは width: 300px; と等しい。 これと Javascript をうまく使って max-width/hei
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
