プログラミング、ITツイートblockquote属性のヴィジュアル的表現として、大っきい「”」をあしらうヤツがよくありますね。あれって、片側だけあしらうならbackground画像なんか使ってやれば済むハナシですが、両端に「”」をつけるとなると、少々厄介かも。blockquoteをさらにdivかなんかで囲って、開始用と終了用のクォートのbackground画像をそれぞれに割り当てる方法もありますが、htmlのソースを汚しちゃうのであまり気分は良くないですよね。jQueryかなんかでやっちゃうんでしょうけど。今回ご紹介するのは、CSSだけでできる方法です。:before、:after擬似要素を使います。laborum.</body></html>サンプルはこちらです。*/」とあるのが、このネタの骨格にあたります。他のプロパティは、お好みでどうぞ。今回クォーテーションにはテキストを使いましたが、擬似要素のcontentを「”」(←空文字列、つまり、シングルクォーテーション2つです。ややこしいので注意!)にして、background-imageとwidthを設定すれば、画像でもOKだと思います。z-indexをうまく使えば、クォーテーションがテキストの後ろに回りこんで、blockquoteのbackground-imageに見せることも可。よろしければお試しあれ。それにしても最近CSSネタばかりですな。次回は違うのを...。