はてなブックマーク - hr要素を文字で入れ替える - Weblog

(閉じる)

はてなブックマーク > コンピュータ・IT > hr要素を文字で入れ替える - Weblog - hail2u.net

hr要素を文字で入れ替える - Weblog - hail2u.net

hail2u.net

コンピュータ・IT 17 users

HTML5になってhr要素はセクション内での区切りに使うものなどと役割が割りとはっきりと決められました。今までもそんな感じで使ってた人が多いですけど。ただhr要素のCSSによる装飾はなかなか難しいところがあります。そこを擬似要素を利用してゴニョゴニョすることにより、あまり罫線々々してない区切りを作って頑張ろうとかそういうお話です。 View Demo: Swap HR Element with Character(s) 単純に元のスタイルを消して背景を透明にし、そこに擬似要素を重ねてやるという最近良く使わ... > このページを見る

最終更新時間: 2011年10月15日04時37分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

hukuchosan css
contentプロパティの値は普通に日本語や絵文字系を書くと、CSSファイルの文字コードに気を使わなければならないので、なるべくならコードで直接指定したほうが良いでしょう。文字のコードを調べるには、Windowsなら文字コ 2011/10/16
nanto_vi CSS
半角スペースが消えるというのはwhite-space: pre;を使ったほうが……と思ったけど、エスケープシーケンスに飲み込まれる問題もあるか。 2011/10/15
mkt Web, デザイン, HTML, CSS
おもしろい。 2011/10/15
kkeisuke
:before 2011/10/15
d4-1977 CSS
hrの使いどころあるの？と思っていたけれど、あるんですね 2011/10/15