关于div中list-style-image对齐问题!

关于div中list-style-image对齐问题!
要达到效果如下:
大家用div+css做新闻列表的时候都是怎么设置list-style-image的? 我想达到上图效果,用list-style来做,那个小箭头老是对不准,没法调整位置。有朋友说用backgroun来做,但是我的虚线已经用了background了,一个li不能用2个背景图片。对于虚线,我不想用border-bottom:dashed来做,因为那个虚线每小段太长,总体看起来就很丑。 css代码: #list{margin:0;} #list ul{ margin:0; padding:0;} #list ul li{line-height:28px; list-style:url(../images/row01.jpg) inside; background:url(../images/dashline.jpg) bottom repeat-x; padding-left:10px;} #list ul li a{} #list ul li a:hover{} 现在效果:
有没有高手能帮忙改一下,谢谢! 满意的答案加分~
左边的框可以理解,右边桐返举框用你给的代码,理解不能,是你修改后的吧?你也知道,列表样式局碧位置只有Outside和Inside所以不能精确调整箭头图片的世枝位置,所以代码就没什么可改,如果你确是想用这种方式来放那箭头的话,建议你直接修改图片,增加顶部空白来达到箭头在垂直方向上居中于文字,也可以在Li里增加Span标签来放置图片(不建议)。
可以镇册把小三角作为li的背景
li{background:url(../颤缓images/biao.gif) no-repeat; text-indent:20px;}
用text-indent来控制文字缩进茄旅模 到小三角的后面
都没有你的弯旅凯图,这样帮不了你

建议你吧那个镇败三角形和虚线直接做成背景
然后连接用埋唤 text-indent:24px; 缩进文字
← 上一篇: 下一篇: →