7.圆角border-radius

圆角border-radius

//40px是圆形 10px四角微圆
border-radius: 10px;

/* 解决圆角不生效 */
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);