記事下のコメント・ペタ・ポケットの上の点線を画像にする

★　記事下のコメント・ペタ・ポケットの上の点線を画像にする


①　下記をCSSへ追記する

.skinArticleFooter{/* 記事下のコメント・ペタ・ポケットの上部点線を画像にする */
border:none;/* 点線を消す */
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;/* no-repeat・・・繰り返ししない repeat repeat-x repeat-y */
padding-top:4px;/* 調整(上の余白) */
background-position:left top;/* 画像の設置位置 left center right | top center bottom */
}

◆　説明

background-repeat:no-repeat;→　画像を繰り返ししない。
no-repeatをrepeatに変えると画像を横・縦に繰り返し
no-repeatをrepeat-xに変えると横にのみ画像を繰り返し
no-repeatをrepeat-yに変えると縦にのみ画像を繰り返し
画像によって調整してください

padding-top:4px;→コメント・ペタ・ポケットの上に余白を作ることによって
画像を上部に入れるように調整します。
余白がないと、画像が、コメント・ペタ・ポケットに重なる場合があるので調整
してください

background-position:left top;→画像の横の位置　と　縦の位置を指定します。
left部分は、left center right が指定できます。(左　中央　右)
top部分は、top center bottom　が指定できます（上　中央　下)
画像によって配置位置を調整してください。