2008年2月17日 星期日

CSS li的圖片樣式

用背景代替:
CSS:
li{ list-style:none;
background:url(images/x1.gif) no-repeat 0px 5px;
padding-left: 20px;
}


圖標與文字的距離可以通過給文字加個樣式來實現,

完整樣式為:
HTML:
ul{list-style-type:none;
margin-left:10px;
padding:0;
}
ul li{margin:0;
padding:0;
padding-left: 20px;
background:url(../images/list_bg.gif) no-repeat 0px 6px;
}

【下列文章您可能也有興趣】

沒有留言: