解决list-style-image无法准确定位的问题

2022-07-15 80酷酷网 80kuku.com

　　这个list-style-image的定位问题也是经常有人问的，解决的办法一般是用li的背景模拟，这里采用相对定位的方法也可以解决
以下是HTML网页特效代码，点击运行按钮可查看效果：以下是程序代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http-equiv="content-language" content="zh-cn" /><meta http-equiv="content-type" content="text/html;charset=gb2312" /><title>blueidea</title><style type="text/css">/*<![CDATA[*/li { list-style:url("http://bbs.blueidea.com/attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif"); }li a { position:relative; top:-5px; font:12px/25px 宋体; }/*]]>*/</style></head><body><ul><li><a href="#">web标准常见问题大全</a></li><li><a href="#">web标准常见问题大全</a></li><li><a href="#">web标准常见问题大全</a></li><li><a href="#">web标准常见问题大全</a></li><li><a href="#">web标准常见问题大全</a></li></ul></body></html></font><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]