Soloism Outdoors

前回までの変更では、コンテンツ枠に書かれた文章が左側に片寄ってますね。
これはコンテンツ枠の幅を広くしたのに文章の掲載幅がノーマルのままになっているからです。
今回まずは、この文章の片寄りを調整しましょう。

スタイルシートの真ん中より少し上に以下のような記述があります。
.main{
width:530px;
color:#000;
font-size:12px;
padding:15px 0px 15px 0px;
overflow:auto;
line-height:135%;

この記述内の赤字部分を変更すれば文章の幅を変更することができます。
今回は前回コンテンツ枠を550ｐｘに設定したので左右に余白を少しとって530にしてみました。
すると下の画像のようになりました、ぴったりになりましたね！



ついでなので他にも色々設定してみましょう。
上記の記述の緑字の部分がカラーコードとなっていて、記事の文章の字色を変更することができます。
また水色の部分を変更すれば文字の大きさを変える事ができますし
青色の部分を変更すれば行間を調整する事ができます。
色々試して読みやすい文字の大きさ、色、行間を見つけてくださいね！

大げさに変更すると下のようになりますよ！
ちなみに上にある画像と文字内容は全く一緒です。
文字の大きさ、行間、字色を変更するだけでこんなに変わります（笑）


次回はいよいよトップ画像の変更です！
ではでは～