本文の下部にイラストを載せたりして華やかにしちゃおう
今回は記事の本文のフッター部分に画像を入れてみようという内容です。
どのような位置に入れるのかというと、
![ピグタウン](https://stat.ameba.jp/user_images/20130113/22/reporter000/a9/38/p/o0500066112375426653.png?caw=800)
これが完成になります。
記事本文のフッターを設定しよう
それでは、やり方と解説をします。
CSS編集で下記を一番下に追加します。
.columnA .skinArticle2, .columnB .skinArticle2 {
background: url("画像のURL") no-repeat scroll center bottom transparent;
padding: 0 0 280px;
}
解説は次の通りです。
background: url("画像のURL") no-repeat scroll center bottom transparent;
この部分は少し長いのですが「この画像をno-repeat(繰り返さずに)center bottom(真ん中の下に)配置して背景色はtransparent(透明色)にしなさいという内容です。
padding: 0 0 280px;
これは画像を配置するスペースを確保するために余白を設定しています。配置したい画像に合わせて数値(280px)を変化させてください。
}
このような本文の終わりにもワンポイントカスタムでブログをおしゃれにしちゃいましょう