css – 定位背景图片,添加填充

前端之家收集整理的这篇文章主要介绍了css – 定位背景图片,添加填充前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想添加一个背景的div,位置右中心,但!,有一些填充的图像。 div有文本的padding,所以我想缩进一点背景。可能是最有意义的例子:

http://jsbin.com/umuvud/edit#javascript,live

谢谢!

解决方法

你可以使用与背景颜色相同的10px边框来伪造它:

http://jsbin.com/eparad/edit#javascript,live

#hello {
   border: 10px solid #e8e8e8;
   background-color: green;
   background: url("http://www.costascuisine.com/images/buttons/collapseIcon.gif")
               no-repeat scroll right center #e8e8e8;
}

猜你在找的CSS相关文章