将图像放在边框上

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/。它使用单个元素上的填充和背景属性来创建边框。