list-style的对齐问题

请看图片， list-style:url(img/arrow_01.gif);

要怎么设置 ，那个箭头才能和每行的<li>的文字平行？

主要是由于你的图片大小引起的，用楼上的方法可以解决。所谓背景模拟是指你可以像这样写：

li

{

background-image: 你的图片；

margin-left: 10px;//数字自己调节

}

就像上面的效果一样，实际上用户名和密码是两张图片，代码如下

#inputText,#pwd
{
width:175px;
height:30px;
text-indent:65px;
background-color:#FFCC99;
background-image:url(../Image/userName.gif);
border-style:none;
line-height:30px;
vertical-align:middle;
margin-left:50px;
}
#pwd
{
background-image:url(../Image/passWord.gif);
}

<input type="text" id="inputText" />
<br />
<br />
<input name="password" type="password" id="pwd" />

采用相对定位的方法也可以解决

li a { position:relative; top:-5px; font:12px/25px 宋体; }

具体你在自己调整一下

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息