CSS このブログの読者一覧

このブログの読者一覧のページをなんとかしちゃいます・・・

タイトル画像

背景画像

下の図を参考にＣＳＳの最後にコピペしてください

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

#reader_list .reader_id {/*ID名B*/
color:#ff00ff;/*文字色*/
}

#reader_list .reader_blog {/*ブログ名C*/
color:#ff00ff;/*文字色*/
}

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

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

上の図のようにタイトルは画像を使わなくても出来ます

#reader_list .title{/*タイトルA*/
color: #ff00FF;/*文字色*/
font-size:　15px;/*文字サイズ*/
}

線種の例・・・・他にもありますよ

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

border-bottom: 3px double #ff00ff;　double 2本線

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

border-bottom: 5px dotted #ff00ff;　dotted 点線

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