blockquoteでの引用を美しく表示するCSSサンプル:phpspot開発日誌のエントリーを読んでみて、イメージ無しでのblockquoteでの引用を二重引用符で表示するCSSサンプルを紹介してみることに。
一つは、24 ways: Swooshy Curly Quotes Without Imagesのエントリーではイメージ画像無しでの二重引用符で括ったblockquoteでの引用表示するHTML+CSSを紹介していることを。
<span></span>要素で二重引用符(開始)と(終了)を囲み、CSSでブロック・フロート設定で括ってあるように表示する方法です。
- 24 ways
- http://24ways.org/
Ajax関連の面白いエントリーがいくつか紹介されています。
二つ目は、IEでは表示されませんが、CSS疑似要素要素(:beforeと:after)を使ってイメージ無しで引用符で括ったようにできる方法を紹介。


最近のコメント