Javascript 如何将背景图像定位到html元素的左上角和右下角？

我得到了一个段落，我希望有一个可见的“标记”来向用户显示段落的开始和结束

在左上角显示背景图像没有问题，但我不知道如何将背景图像定位到右下角。这里是我的css，用于将图像定位到左上角：

p[class] {
    background-image: url("../../image/my_image.gif");
    background-position: left top;
    background-repeat: no-repeat;
}

我不是在寻找一个使用额外html元素的解决方案！！！它只需要使用css就可以工作！由于该段落在元素之前设置了pseude，在元素之后设置了pseude，因此我无法在这里使用它们。因此，问题是：

---

我如何在不使用其他html元素的情况下将背景图像定位到html元素的左上角和右下角，而只使用css（而不使用伪元素）？

如何尝试

背景位置：右下角
而不是
左上角
？
Cyrille近乎正确。需要
背景位置：右下

一般来说，可以使用数值。
所以对于
背景位置：右下角你也可以写
背景位置：100%100%和
背景位置：左上
将导致
背景位置：0

还可以看看W3C规范：
http://www.w3.org/TR/css3-background/#the-背景位置

对于sree的上述评论：这是完全错误的，
left:0px；顶部：0pxposition:relative
或
position:absolute

编辑：
如果您喜欢使用多个背景，请注意如下：

p[class] {
    background-image: url("../../image/my_image.gif"), url("../../image/my_image.gif");
    background-position: left top, right bottom;
    background-repeat: no-repeat;
}

查看以获得跨浏览器支持

问候

tom
如果浏览器支持对您来说不是问题，您可以使用CSS3多个背景：
建议尝试{left:0px；top:0px；}我希望图像（作为标记）显示在段落的两端，这只会将其切换到另一端哦，抱歉，我误解了。然后，您应该查看所谓的生成内容，即使用
：before
或
：after
。我无法使用这些伪元素，因为段落已经设置了它们，我将覆盖它们，否则，我会覆盖它们，忘了提及这一点并更新了我的问题OK，那么您针对的是哪些浏览器？你可以使用CSS3的多种背景，但它们并不是到处都支持的。+1对于你的努力和你的工作解决方案（你的另一个答案），我将投票支持你的两个答案，但接受托马斯·费林格的答案