本日はさくらのブログのカスタマイズを行いました。

余白を40px追加するには、全体の横幅を40px増やしておくか、どこかの横幅を40px小さくしてつじつまを合わせます。

今回は、左側のサイドバー(#links-left)を

左右の余白をそれぞれ40px、内容を200pxで合計280pxにしました。

#links-left {

width: 200px;

padding-left: 40px;

padding-right: 40px;

}

画面上部のタイトル部分は、#banner なので、

#banner {

background-color: white;

}

で、背景色を白くできます。

余白は、marginとpaddingがあります。

marginは、余白部分に下の背景色が見えます。

paddingは、余白部分に自分自身の色が広がります。

目的に合わせて使い分けます。