気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
hr要素を文字で入れ替える
17 users
hail2u.net
hail2u.net
hail2u.net
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
HTML5になってhr要素はセクション内での区切りに使うものなどと役割が割りとはっきりと決められました。... HTML5になってhr要素はセクション内での区切りに使うものなどと役割が割りとはっきりと決められました。今までもそんな感じで使ってた人が多いですけど。ただhr要素のCSSによる装飾はなかなか難しいところがあります。そこを擬似要素を利用してゴニョゴニョすることにより、あまり罫線々々してない区切りを作って頑張ろうとかそういうお話です。 Demo: Swap HR Element with Character(s) 単純に元のスタイルを消して背景を透明にし、そこに擬似要素を重ねてやるという最近良く使われるテクニックです。 hr { margin: 2em auto; border: none; position: relative; clear: both; width: 100%; height: 48px; background-color: transparent; box-sizing:
hail2u.net
hail2u.net
hail2u.net
hail2u.net
note.com/samurai_se
nordot.app
togetter.com
gendai.media
www.itmedia.co.jp
www.watch.impress.co.jp
dev.classmethod.jp
www.itmedia.co.jp
operating-system-in-1000-lines.vercel.app
www.itmedia.co.jp
gigazine.net
forest.watch.impress.co.jp
www.nicovideo.jp
ameblo.jp/hamaokachii
2011/10/15 リンク