浏览器兼容性解决方案
同样在所有的浏览器,下面的例子会显示的图像标记:
实例
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url(sqpurple.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
例子解释:
ul:
设置列表类型为没有列表项标记
设置填充和边距 0px(浏览器兼容性)
ul 中所有 li:
设置图像的 URL,并设置它只显示一次(无重复)
您需要的定位图像位置(左 0px 和上下 5px)
用 padding-left 属性把文本置于列表中