アメブロの記事に枠を付ける · たけもの電脳実験室

たけもの電脳実験室

いつか、広大なネットの海を上手に泳げるように・・・

アメブロの記事に枠を付ける

投稿日 2012年7月16日 8:22 PM | 投稿者 takemo

枠を付けるだけなら、CSSに、こんな感じで追記します。
.entry{
border:1px solid #cccccc;
}
意味は、
1pxというのが、線の太さで、数字が大きくなるほど、太くなります。
solidというのが、線の種類で、doubleとすると、2本線になったりします。
最後に、#ccccccで、色を指定しています。この場合は、明るめのグレーです。

アメブロの記事を枠で囲む

このままだと、枠の線と、文字がくっついて、窮屈なので、隙間を空けます。
.entry{
border:1px solid #cccccc;
padding:10px;
}
こんな感じにすると、すっきりしたシンプルな枠で、記事がかこまれます。

アメブロの記事を枠で囲む2

コメントする