如何在Wordpress中使用Image而不是border-right与CSS?

时间:2012-10-17 10:49:52

标签: php html css wordpress css3

我想使用图像在菜单项的右侧放置边框。目前我通过css代码执行此操作,如下所示:

.menu-item{
border-right:2px solid #f1f1f1;
}

但它的高度比我看的要高。所以有些人建议我使用图像而不是这个。

那么如何使用它?

1 个答案:

答案 0 :(得分:3)

您可以将图像用作背景:

.menu-item {
    padding-right: 2px;
    background: url('/path/to/image.png') no-repeat center right;
}

工作示例:http://jsfiddle.net/Yxyyw/