小程序按钮背景图片样式图片完整显示已解决

小程序按钮背景图片样式,图片完整显示已解决

<button style="width: 100%;height: 80px; background-image: url(https://mmbiz.qpic.cn/sz_mmbiz_gif/3gRPqicsKWm3VnFI20qeWjdX7QBn0mwDHEhu6dskWAMm6aX9gGuAkQdX1W7o7GmP9qESAh5dNSaMY34dq8EYqIQ/0?wx_fmt=gif); background-size:100% 100%;" bindtap="shareClick"  plain="true"></button>

效果图!

2.去除按钮的黑色边框样式

border: none;

完整代码如下:

<button style="width: 100%;height: 80px; border: none; background-image: url(https://mmbiz.qpic.cn/sz_mmbiz_gif/3gRPqicsKWm3VnFI20qeWjdX7QBn0mwDHEhu6dskWAMm6aX9gGuAkQdX1W7o7GmP9qESAh5dNSaMY34dq8EYqIQ/0?wx_fmt=gif); background-size:100% 100%;" bindtap="shareClick"  plain="true"></button>

效果图:

欢迎互相学习! 

猜你喜欢

转载自blog.csdn.net/u013194568/article/details/127737744