Text的子组件中包含多个Span，如何将其同意设置一个圆角矩形的背景?

ContainerSpan() {
  ImageSpan($r('app.media.app_icon'))
    .width('40vp')
    .height('40vp')
    .verticalAlign(ImageSpanAlignment.CENTER)
  Span('   Hello World !   ').fontSize('16fp').fontColor(Color.White)
}.textBackgroundStyle({color: "#7F007DFF", radius: "12vp"})
1.
2.
3.
4.
5.
6.
7.