微信小程序border-radius不生效

可能是因为你没有设置该元素的display属性为block或inline-block，border-radius只对块级元素和行内块级元素生效。你可以尝试添加以下样式：

display: inline-block;
border-radius: 10px;

如果还是不生效，可以检查一下其他样式是否覆盖了border-radius的设置。

相关问题

微信小程序border-radius

微信小程序中可以使用 `border-radius` 属性来设置圆角。具体使用方法如下：

/* 设置所有角的圆角 */
selector {
  border-radius: 10px;
}

/* 分别设置每个角的圆角 */
selector {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

微信小程序 border-radius: 20rpx 20rpx, 0rpx, 0rpx;

微信小程序中的 border-radius 属性用于设置元素的圆角半径。根据提供的引用内容，border-radius 属性的标准语法格式为 border-radius: 10px 20px 30px，其中，第一个值表示左上角和右下角的圆角半径，第二个值表示右上角和左下角的圆角半径。在微信小程序中，圆角半径可以使用 rpx 作为单位。所以，border-radius: 20rpx 20rpx, 0rpx, 0rpx 表示左上角和右上角的圆角半径为 20rpx，而左下角和右下角的圆角半径为 0rpx。