我想使用图像在菜单项的右侧放置边框。目前我正在通过如下的css代码执行此操作:
.menu-item{
border-right:2px solid #f1f1f1;
}
但它的高度比我看到的要高一点。所以有些人建议我使用图像而不是这个。
那么如何在这里使用呢?
您可以使用图像作为背景,如下所示:
.menu-item {
padding-right: 2px;
background: url('/path/to/image.png') no-repeat center right;
}
工作示例:http: //jsfiddle.net/Yxyyw/