列表背景顏色

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

列表背景顏色

回答

相關問題