テンプレート: 2006年11月アーカイブ

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）を使ってイメージ無しで引用符で括ったようにできる方法を紹介。