Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第15回】サイドコンテンツの枠線と文字のスペースをあける前回は、記事本文とその枠線との間のスペースを広げるCSS編集を行いました。今回は、サイドコンテンツの中身と枠線との間のスペースを広げてみましょう。本当にちょっとですけど。いうことで、今回はこのサイドコンテンツの上下の隙間を広げてみたいと思います。サイドコンテンツを定義しているクラスは、もうこのブログで何度も採り上げた.sideクラスです。枠線との隙間を調整するのは、前回も使用したpaddingプロパティ。これさえ分かっていれば、今回の修正は簡単です。★サイドコンテンツの枠線と文字のスペースを調整する方法★.sideクラスのpaddingプロパティを調整する。*/}(注)灰色字箇所は、過去にこのブログで変更を加えた箇所です。今回は、.sideクラスの上側に5px、下側に10pxのスペースを設定してみました。左右のスペースをそれぞれ8pxずつに修正しています。その結果がこちらです。上下のスペースが広がり、左右のスペースが変わりました。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。