列出背景颜色

Question

alt text http://img191.imageshack.us/img191/3213/menub.jpg

如何将Test2的背景颜色扩展到左侧。

Answer 1

您需要从margin中删除所有li，并从padding删除所有ul：

ul { padding-left: 0; }
li { margin-left: 0; }

如果这会给您带来布局问题，请尝试向padding-left添加更多li。

如果在取消ul的{​​{1}}时你的子弹图像无法正确定位，你可以考虑使用padding中的background-image。< / p>

Answer 2

如果html看起来像这样：

<ul>
 <li/>
 <li class="expanded">
  <ul>
   <li/>
   <li/>
  </ul>
 </li>
</ul>

我会使用类似下面的css：

ul, li {padding:0; margin:0;}
ul li { padding-left: 20px; background: transparent url('collapsed.gif') no-repeat top left;}
ul li.expanded {background-image: url('expanded.gif'); background-color: blue;}
ul li.expanded ul {padding-left: 20px;}
ul li.expanded ul li {padding-left: 20px; background-image: url('sub_bullet.gif');}