列表背景颜色

alt text http://img191.imageshack.us/img191/3213/menub.jpg 列表背景颜色

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

2010-02-20 ArK

代码。 html + css。 – 2010-02-20 13:02:53

这看起来像一个JQuery菜单。为了达到你想要的效果，需要进行大量的重新工作。 – Tom 2010-02-20 13:25:40

您将需要从ul请从li所有margin和所有padding：

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

如果给你布局的问题，尝试将更多的padding-left到li。

如果你的子弹图像是不可能的正确定位，当你拿走ul的padding，你可以考虑使用在li代替background-image。

来源

2010-02-20 13:20:37

不知道，但这些子弹不会左转或整个列表随着子弹将被移动到左侧，所以我认为没有收益 – Sarfraz 2010-02-20 13:21:58

他的问题是'li'的背景颜色不能伸展到左边，因为左边的空间被'ul's填充。删除这些值应该可以解决它，但会带来一系列其他问题，这就是为什么他可能需要使用不同的子弹。 – 2010-02-20 13:26:53

是将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');}

来源

2010-02-21 09:58:25

列表背景颜色

回答

相关问题