你可以 切一个灰色背景（不含文字eg：product1）和绿色背景（不含文字eg：product1）
如图
我简单的写了下 效果如图
代码如下
html代码：
css样式：
#product{ width:253px; margin:0 auto; margin-top:200px;}
#product li a{ display:block; background:url(../images/a.gif) no-repeat; width:253px; height:30px; line-height:30px; text-indent:100px; margin:5px 0; color:#333; text-decoration:none;}
#product a:hover{background:url(../images/hover.gif) no-repeat; color:#FFF;}
两个都是，左右圆角不分左右切一条，中间的切一像素的背景图片，然后中间的部分水平重复，小圆点切一个就行了，那个右边的箭头直接手打上就行了。
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024