記事中に囲みをつける方法

写真のまわりにかわいく枠が囲ってあったりするブログをみて、素敵～☆と思っていたんですけど、文章にも枠をつけることができるんですね！知らなかった。。。。

かつてclipper'sうんたらだったブログを参考にさせていただきました。

blockquote {
margin-right: 2em;
margin-left: 2em;
padding-left: 1em;
border: dashed 2px #FFCC66;
width: auto;
}

私は、これをちょっと変更して

blockquote {
font-size: 12px;
background-color:#E0FFFF;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 1em;
padding-top: 1em;
border: solid 2px #6495ED;
width: 350px;
}

として使ってみました。

すると、こんな感じになりました。 記事中で囲みたい部分をblockquoteで囲むとOKです！

ぜひ、利用してみてくださいね！