list-style-image无法准确定位通过(li的背景模拟或相对定位)解决
list-style-image无法准确定位通过(li的背景模拟或相对定位)解决
发布时间:2016-12-27 来源:查字典编辑
摘要:这个list-style-image的定位问题也是经常有人问的,解决的办法一般是用li的背景模拟,这里采用相对定位的方法也可以解决.blue...

这个list-style-image的定位问题也是经常有人问的,解决的办法一般是用li的背景模拟,这里采用相对定位的方法也可以解决.

<!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">

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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类