スポンサーリンク

CSSだけで見出しを水平線で挟む方法

水平線のサンプル

 CSS だけで見出しを水平線で囲む方法が、かちびと.netさんで紹介されていたので、メモメモφ(..)。

CSS サンプルソース
HTML サンプルソース

これは使える!

参照リンク
 ・画像を使わずに見出しを水平線で挟むCSS小技 - かちびと. net
 ・Centered Heading Overlaying a Horizontal Line with CSS | Impressive Webs

追記:2011/11/07
 応用編のエントリーも上がっていました。
  ・昨日書いた「画像を使わずに見出しを水平線で挟むCSS」をもうちょい工夫してみる - かちびと. net

スポンサーリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿

プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku

    運営サイト
    www.mukairiku.net

ブログ内検索

Licenses

  • Creative Commons License

OTHER

  • このブログのはてなブックマーク数

Blog powered by TypePad

スポンサーリンク