[CSS]hr要素をおしゃれにスタイリングする8つのテクニック

デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> [ad#ad-2] CSS スタイルシートは各デモのキャプチャとともにご紹介。 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gr

[otchy210]

とはいえ、最近の hr オワコン感はいかんともしがたい。大抵の区切り線なら、section:after とかにスタイル指定するのがいいもんなぁ。

[rochefort]

hr

[ricopinx]

埋め込んだようなデザイン

[linerenai10]

恋だけでなく、何事もおしゃれは重要ということか。

[pro_searcher]

“hr.style-two { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0

[naohor]

hr要素をおしゃれにスタイリングする8つのテクニック

[kirifue]

hr要素をおしゃれにスタイリングする8つのテクニック。 #開発 #デザイン

[killmetoo]

hr

[nakomaru]

あっ、コレ知りたかったやつ！！！嬉しい♪

[macedo_sonimani]

hr要素をおしゃれにスタイリングする8つのテクニック | コリス

[d-plus]

水平線

[Leonk]

web css hr

[dal]

わーこれいい

[naoswave]

hrがおされに！水平線がカコヨク！いいね！

[mizoguche]

基本的に画像の作成ができないのでCSSでなんでもできるのがありがたすぎ。

[smotokezuru]

意外と画像使わずにCSSで色々できそう

[satrex]

グラデーションの横線がかわいい。

[hinokamo]

hr

[mash_kororo]

かっこいいなぁ。使いこなしたい。

[choromo]

HTML5で意味的な段落の区切れに使用するhr要素をCSS3でおしゃれにスタイリングするテクニックを紹介します。もちろん、画像は一枚も使いません。

[XIAORING]

hr

[adsty]

hr要素をCSS3でいろいろスタイリング。

[o_hiroyuki]

hrのデザイン

[morishitatakahiro]

css

[ryumagazine]

参考になります。CSSテクニシャンになりたい。 / [CSS]hr要素をおしゃれにスタイリングする8つのテクニック

[mifio]

区切り線なら方法いろいろあるし、今時hr使う人いるのかなと思いつつ便利そうなのでブクマ。

[daniko09]

ＨＴＭＬ　ラインタグ

[kohaku2000]

hrタグのデザイン

[hedeyoshi]

参考になります。

[y-kawaz]

おしゃれだ。