CSSで括弧を表現したサンプル - NxWorld

丸括弧（） 頭から微妙な見栄えですが、**丸括弧（）**を表現してみたものです。 HTMLとCSSはそれぞれ下記のようになっており、擬似要素を使って生成したものにborder-radiusを指定します。 <div class="parenthesis"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. ... </p> </div> .parenthesis { position: relative; width: 500px; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .parenthesis::before, .parenthesis::after { position: absolute; top:

[jackson24]

おしゃれ♪

[mosco-mule]

CSSで括弧を表現したサンプル 正直微妙なので恐らく使うことないだろうっていうのもあるんですが、ちょっと使う機会があって実装できるのか試してみたので備忘録として残しておこうと思います。「」（鉤括弧）や［］

[naga_sawa]

CSSだけで作る括弧

[side_tana]

なるほどね

[aoiasaba]

これは面白いですね。Retina対応だとCSSのほうが便利だし。

[kitokitoki]

括弧

[wind_sky86]

IE8が世間から失せたらやってみたい。

[cheep-int]

おもしろい

[bml]

Vistaの俺は対象外とは。

[tkabochan]

難しそう。

[hinashiki]

ふつくしい

[kwhrtsk]

括弧の表示そのものよりも、如何にそれを実現したかという事例としてCSSの勉強の参考になりそう。

[glat_design]

おもしろい！こういうの好き /

[okumurasv]

webデザイン

[maRk]

複数行

[KumamotoLab]

CSSで括弧を表現したサンプル | NxWorld @nxworld_netさんから

[rinxmoon]

丸括弧が一番いいと思う。