アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！

破線を消す場合は・・・

.entry .foot{
border:none;
}

ついでに・・
ベーシックスキンでテーマの下の波線を消すには

.entry .theme{
border:none;
}

黒の破線を緑の点線に変更してみます

いつものように青字部分をCSSの最後にコピペです

.entry .foot{
border-top:3px dotted #00ff00;
}

黒の点線を消して画像を配置してみます

.entry .foot{
border-top:none;
background-image:url(画像のURL);
background-repeat:repeat-x;
}

画像がかぶってしまいますので位置を上にします
padding-top:で上に上げます
※これは画像の位置を上に上げるのではなくて記事URL|コメント|トラバ| の上にスキマを作ります・・・・結果、画像が上に上がったように見えます

※逆にもっと下げてこの部分の背景画像にするのもありかな

　その場合は　padding-bottom:　を使って位置を下げてください

.entry .foot{
padding-top:15px;
border-top:none;
background-image:url(画像のURL);
background-repeat:repeat-x;
}

もちろん画像を繰り返さないで1つの画像の配置でも可能です
ついでに文字も画像に合わせて中央寄せにしてみます

.entry .foot{
text-align:center;
padding-top:15px;
border-top:none;
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position: center top;
}

記事に枠をつけていない場合は下にも配置してみます

.entry{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position: center bottom;
}

今度は下がかぶってしまいますので.entryにpadding-bottom:を設定します

.entry{

padding-bottom:10px;
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position: center bottom;
}

・・・・　なんか下の画像だけでもいいような

.entry .foot{
text-align:center;
border-top:none;
}
.entry{
padding-bottom:10px;
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position: center bottom;
}

または↓↑　どちらも同じ状態になります

.entry .foot{
text-align:center;
border-top:none;
padding-bottom:15px;
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position: center bottom;
}

※背景画像は同じところに2つ以上配置できません
　.entry内に背景を設定している場合は下の方法を使ってください