css border-left: 10rpx dotted #000;在app中是方块，如何变成圆点

在CSS中，`border-left: 10rpx dotted #000;`表示设置元素左边框的样式为10像素的点线，颜色为黑色。如果你想让这个边框在APP中看起来像圆形的点，你需要使用伪元素`border-radius`来创建圆角，并结合其他技巧。

首先，你需要将边框改为内边距（padding），因为边框本身无法直接生成圆形点。可以这样做：

.element {
  padding-left: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px dotted #000;
}

然后，你可以利用`border-radius`属性来让左上角和右下角呈现圆角，这里假设你想让整个方形变为一个圆角矩形：

.element {
  display: inline-block;
  padding-left: 10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px dotted #000;
  border-radius: 50% 0 0 50%;
}

这会让左侧顶部有一个小圆点效果。如果想让圆点完全独立出来，你可以考虑使用`::before`或`::after`伪元素配合绝对定位来创建。