付箋紙風に引用する

引用した際に、その引用部分が付箋紙のように表示されるようにしてみた。

以前は枠でかこっていただけだったが、こちらの方が見やすいしスタイリッシュ。自分ではCSSをどう書けばいいのかよくわからなかったが、紹介しているコチラの"コードを淡々と記録するよ"さんのエントリーをみてやってみたらすぐにできました。付箋紙風に引用されたい方は"コードを淡々と記録するよ"さんのところを見てみて下さい。

ちなみに、サンプルは左側が黄色ですが、個人的にパープルが好きなので色を変更してみました。カラーコードを書き換えるだけで簡単に変更できます。

カラーコード表はコチラを参照しました。

成功すると、以下のように

引用部分付箋紙化成功！

付箋紙のように表示されます。