本館節約美容FXごはん アフィリエイト懸賞ソーイング子育て
最近のエントリー


 03-1.gif 記事中に囲みをつける方法
2006年12月26日

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

かつて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です!

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






当サイト内の画像・HTMLソース等を無断で複製・転載・転用することはご遠慮ください。
又、当サイトは、いかなる損害が発生した場合も賠償責任は負いませんのでご了承ください。
Copyright(c)2004 プチ☆節約Labo All rights reserved.