CSS button 圆边

CSS button 圆边

 

美工给的背景图片是带圆边的，拿它来做按钮的背景图片，并且可以对button的大小进行大小调整，只修改DIV大小即可，不会出现只展示某一两个圆角的情况，4个圆角同时会进行缩放。

 

div的样式如下：

 

.my-button-div{

background: url("<%=basePath%>/static/images/bg-red.png");

background-size:100% 100%;

}