こんにちは。
『やさしいブログの作り方』の松田です。

アメブロで自由にカスタマイズするには、「CSS編集用デザイン」というデザインを使う必要があります。

ただ、CSS編集用デザインはすごく殺風景です。^^;

CSS編集用デザインは、ヘッダー画像や好みの色を付けたりしながら見た目を整えていくのですが、今日は記事エリアを立体的に表示させる(=影をつける)方法をご紹介します。




通常はこんな感じですが、カスタマイズ後は、




こんな風に影がついて少し浮き上がった感じになります。(あわせて角も丸くしてみました。)


やり方はCSSの最後に以下の記述を追加すればOKです。

.skinArticle{
box-shadow: 3px 3px 3px #969696;
border-radius:10px;
}



最後までお読みいただきありがとうございました。

6月1日、電子出版しました!

ブログを始めて3年。ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^

AmazonのKindleストアにて好評販売中!
やさしいブログが教えてくれたこと