按钮渐变颜色，插入图片

hhxxttxscml

于 2024-10-17 09:54:47 发布

阅读量145

点赞数 2

文章标签： css css3 前端

本文链接：https://blog.csdn.net/hhxxttxscml/article/details/142998583

版权

            <button class="btn1" bindtap="OrderArea">
            <view class="yu_yue">预约</view>
            <image class='btnImg' src='/pages/image/yuyue.png'></image>
             </button>

button {
  display: flex;
  align-items: center; /* 设置垂直居中对齐 */
  justify-content: center; /* 设置水平居中对齐 */
  background: -webkit-linear-gradient(left,rgb(7, 203, 238),rgb(139, 193, 211),rgb(143, 196, 223),rgb(148, 202, 207));
  margin-top: 15rpx;
  padding: 0rpx 1rpx;
  width: 353rpx;
  height: 70rpx;
  border-radius: 40rpx;
  color: rgb(53, 51, 51); /* 设置文字颜色为白色 */
  font-size:36rpx;
  letter-spacing:8rpx;
}
.btnImg {
  width: 10%;
  height:30rpx;
}