Text 文本中，如何给一段文本中的前几个字添加上边框及圆角？

// xxx.ets  
@Entry  
@Component  
struct TextExample {  
  build() {  
    Column() {  
      Row() {  
        Text("1").fontSize(14).fontColor(Color.Red).margin({ left: 10, right: 10 })  
        Text("我是热搜词条1")  
          .fontSize(12)  
          .fontColor(Color.Blue)  
          .maxLines(1)  
          .textOverflow({ overflow: TextOverflow.Ellipsis })  
          .fontWeight(300)  
        Text("爆")  
          .margin({ left: 6 })  
          .textAlign(TextAlign.Center)  
          .fontSize(10)  
          .fontColor(Color.Red)  
          .fontWeight(600)  
          .border({width:1})  
          .borderColor(0xCC5500)  
          .borderRadius(5)  
          .width(15)  
          .height(14)  
      }.width('100%').margin(5)  
  
    }.width('100%')  
  }  
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.