list-style-image无法准确定位通过(li的背景模拟或相对定位)如何解决

冉冉升起的如银的炊烟,那更古沉默永不停息的小溪,那驮着夕阳缓缓独行的老牛,一方方秧田像棋盘格子,绿绒绒的秧苗,织成一幅幅地毯,远远地伸向天际;丛丛绿树掩映着青砖红瓦的房屋。春天,故乡的松树林依然郁郁苍苍,映山红却已开遍山丘。
这个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 rel="nofollow noopener noreferrer" href="#">web标准常见问题大全</a></li>
<li><a rel="nofollow noopener noreferrer" href="#">web标准常见问题大全</a></li>
<li><a rel="nofollow noopener noreferrer" href="#">web标准常见问题大全</a></li>
<li><a rel="nofollow noopener noreferrer" href="#">web标准常见问题大全</a></li>
<li><a rel="nofollow noopener noreferrer" href="#">web标准常见问题大全</a></li>
</ul>
</body>
</html>

本文list-style-image无法准确定位通过(li的背景模拟或相对定位)如何解决到此结束。激流勇进者方能领略江河源头的奇观胜景。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例