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

皮先生2013

已于 2022-11-07 20:24:28 修改

阅读量333

点赞数

分类专栏：小程序前端文章标签：小程序前端 javascript

于 2022-11-07 19:44:50 首次发布

本文链接：https://blog.csdn.net/u013194568/article/details/127737744

版权

小程序前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

<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>

效果图：