記事下コメント・トラックバック・ペタにアイコン画像

今回は前フリなしでいきなりＣＳＳです・・



/*記事下コメントアイコン*/
.commentLink {
padding:2px 0 3px 20px;/*上Ａ 0 下Ｂ 左Ｃ*/
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
}
/*記事下トラックバックアイコン*/
.trackbackLink{
padding:2px 0 3px 20px;/*上Ａ 0 下Ｂ 左Ｃ*/
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
}
/*記事下ペタアイコン*/
.petaLink {
padding:2px 0 3px 20px;/*上Ａ 0 下Ｂ 左Ｃ*/
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
}

padding:2px 0 3px 20px;/*上Ａ 0 下Ｂ 左Ｃ*/
文字の高さが11pxなので　2px（上Ａ）＋11px(文字)＋3px(下Ｂ)＝16px　がアイコン画像の高さ以上ないとアイコン画像の下が切れた状態で表示されます

ついでに？

間の線の色も変えてみます・・・




/*記事下コメントトラックバックペタ*/
.articleLinkArea{
color:#ff00ff;/*線の色*/
}