Bloggerの引用表示 2

先ほどの投稿のあと、いろいろと試してみたのですが、下の画像のように背景を着色することで引用箇所を示すようにしてみました。

元はこんな感じでした。赤枠は引用箇所をわかりやすくするためにあとで付けたものです。

• Gen's Blog: カシオについての本

参考にしたのはこちらの記事です。

• Anything Goes: Blogger:blockquoteの設定をしてみた

お手本にあるように枠線を表示させた場合、上記の画像のような引用を行うと黒文字を囲む枠、URLを囲む枠、さらにその二つを囲む枠の計3つの枠がどうしてもできてしまって、見栄えの点でいまひとつ。ということで、枠線と背景色を同じ色に指定することにしたわけです。

これでしばらく使い勝手などを試してみたいと思います。