Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN] Inline image quotes – イメージを使った引用(blockquote)表現

  • Pocket
  • このエントリーをはてなブックマークに追加

オシャレなサイトでたまに見かける、画像を使った引用表現、アレの実現方法が解説されてます。Blockquoteタグを使う事になるんだけど、引用始まりと終わりの幅を可変、かつインラインで表示するために、Blockquoteタグに引用始まりのイメージを、その中のpタグに引用終わりのイメージを割り当てています。マージンの調整は使うイメージによって各自調整って事スかね。近い内にmBlogにも導入しようかと思っております。簡単だしかっこイイ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください