ＣＳＳ ブックマーク一覧のページ
ブックマーク一覧のページです
今回は間隔も広げてみました・・・・
背景画像
ＣＳＳの最後にコピペしてください
/*ブックマークのページ*/
#bookmark_list .title{/*タイトル*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:40px;/*画像の高さ*/
}
#bookmark_list li a{/*ブログ名*/
color:#ff00ff;/*文字色*/
}
#bookmark_list li{/*点線*/
border-bottom:2px dotted #ff00ff;
padding-top:10px;/*行の間隔を広げる*/
}
#bookmark_list {/*背景*/
background-image: url(画像のURL);
background-repeat: no-repeat;
background-position:100% 100%;
}
padding-top: を設定していない場合・・・・ ↓
線種の例・・・・
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 山型の線