关于css中，ul li的背景小图标属性设置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于css中，ul li的背景小图标属性设置相关的知识，希望对你有一定的参考价值。
我想让这个红色的小图标和文字对齐。请高手指点一下。
一：把ul或li 中的行高删掉。
二：修改图片，把那红色的画下一点，可做成gif透明图（如原本图为：16*16，可画成：16*21，红色部分在最底部。）。
三：去掉list-style-image属性，改为在li 中用 background 属性
如：
ullist-style:none;
lipadding-left:18px;background:url(pot.gif) no-repeat left 5px;
以上…… 参考技术A 先去掉li的list-style-image属性，改为在li 中用 background 属性定义前置图标
如：
ul
list-style:none;
li
padding-left:18px;background:url(你的图片地址) no-repeat left 5px;
<ul>中的<li>我点击一个<li>后其它的<li>全变背景色，求JS和CSS代码
<ul>中的<li>我点击一个<li>后其它的<li>全变背景色要图中效果，求JS和CSS代码
参考技术A <html><Head></Head><body>
<script type="text/javascript">
function sel(obj)
var lis=document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++)
if(lis[i]!=obj)
lis[i].style.background="#00f";
else
lis[i].style.background="#0ff"
</script><ul>
<li onclick="sel(this);"> 1111</li>
<li onclick="sel(this);">22222 </li>
<li onclick="sel(this);">3333 </li>
<li onclick="sel(this);"> 44444</li>
</ul></body>
</html>
以上是关于关于css中，ul li的背景小图标属性设置的主要内容，如果未能解决你的问题，请参考以下文章