丸括弧() 頭から微妙な見栄えですが、**丸括弧()**を表現してみたものです。 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:
![CSSで括弧を表現したサンプル - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/fdc2a6d93da46e5798685c5e0822116416d104ce/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fcss-parenthesis.png)