このブログでもよくやっているように記事を枠で囲って表示させているのはよく見ます。
多くの場合、<blockquote>か<fieldset>のタグを使ってます。
アメブロの本文に囲みを入れる方法(blockquote以外)
これは基本的な方法。
<blockquote>は引用タグと言われていて著作権のない文章を引用する時に使われるようです。Googleのエンジンも検索表示順位を決める材料にしているそうです。
表示を細かくカスタマイズするためにはCSSに追加する方法もありです 。
実際にブログを書きながら表示のテストをしているといろいろ気がつくことがあります。
<blockquote>を入れた時の枠線はIEで下書きをしている時にプレビュー画面で表示されない。
<fieldset>はプレビュー画面で表示される。
<fieldset>を使った記事を携帯やスマホで見ると枠線が表示されていない。
表示されない場合はどうすればいいか。
背景に色をつけるのもありですね。
ということでCSSにこういうコードを追加してみました。
参考までにどうぞ。
もし色をカスタマイズするならばこちらを参考にしてください。
基本設定からカスタマイズまで アメブロ 逆引きQ&A 101