blockquote css

Ref: blockquoteでの引用を美しく表示するCSSサンプル:phpspot開発日誌

blockquote {
     text-indent: 25px;
     background: url(quotes1.png);
     background-position: 0 2px;
     background-repeat: no-repeat;
}

blockquote p {
     display: inline;
     margin: 0;
     padding-right: 24px;
     background: url(quotes2.png);
     background-position: bottom right;
     background-repeat: no-repeat;
}

コメント / トラックバック1件 to “blockquote css”

  1. Artjom Kurapov Says:

    Be sure to put one paragraph in quote though.. Otherwise you’ll get quotes2.png repeating over and over

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中


%d人のブロガーが「いいね」をつけました。