CSS 記事一覧のページ

次は記事一覧のページです

ページタイトル画像

背景画像

下の画像を参考に　ＣＳＳの編集で最後にコピペしてください

/*記事一覧のページ*/
#recent_entries_list h3.title{/*ページタイトル*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:40px;/*画像の高さ*/
}

#recent_entries_list .newentrytitle a{/*記事タイトルA*/
color:#ff00ff;/*文字色*/
}

#recent_entries_list .cotb a{/*コメント｜トラバB*/
color:#ff00ff;/*文字色*/
}

#recent_entries_list .cotb {/*コメント｜トラバC*/
color:#333333;/*｜の色*/
}

#recent_entries_list .updatetime{/*日付D*/
color:#666666;/*文字色*/
}

#recent_entries_list li{/*点線E*/
border-bottom:2px dotted #ff00ff;
}

#recent_entries_list{/*背景F*/
background-image: url(画像のURL);
background-repeat: no-repeat;
background-position:100% 100%;
}

線種の例・・・・

border-bottom: 1px solid #ff00ff;　solid 1本線

border-bottom: 3px double #ff00ff;　double 2本線、3px以上でないと２本になりません

border-bottom: 1px dashed #ff00ff;　dashed 破線

border-bottom: 5px dotted #ff00ff;　dotted 点線、2px以上でないと点になりません（IE6）

border-bottom: 3px ridge #ff00ff;　ridge　山型の線