在邊框上放置圖像

Question

我想讓我的圖像顯示在300px邊框的頂部，就好像邊框是圖像的背景顏色一樣。這是我的代碼：

.containerpagecontent { border-left: 300px solid #fff; } img { float:left; } 

但它仍然無法正常工作。我究竟做錯了什麼？

注意：我不能簡單地使用background-color作爲圖像，因爲圖像的末尾必須延長顏色。

Answer 1

有是沒有這樣的事：

margin-left: 300px solid #fff; 

你可能是指：

border-left: 300px solid #fff; 

而且，看看這樣的事情可能會爲你工作：http://jsfiddle.net/Lb6Rz/。它使用單個元素上的填充和背景屬性來創建邊框。