在边框上创建一个带有数字圆圈的CSS表

，可以使用CSS伪元素和CSS属性来实现。

首先，我们可以使用CSS伪元素::before或::after来创建一个圆圈。通过设置content属性为空字符串，然后设置圆圈的样式，如背景颜色、边框颜色、边框宽度和圆圈的大小。

接下来，我们可以使用CSS属性position和top、left等属性来定位圆圈。通过设置position为absolute，然后使用top和left属性来调整圆圈的位置。

最后，我们可以使用CSS属性color和font-size来设置圆圈中的数字的颜色和大小。

以下是一个示例的CSS代码：

<style>
    .circle {
        position: relative;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #ccc;
        border: 2px solid #000;
    }

    .circle::before {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
        border: 2px solid #000;
    }

    .circle span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #000;
        font-size: 20px;
    }
</style>

<div class="circle">
    <span>1</span>
</div>

这段代码会创建一个带有数字1的圆圈，并将其放置在一个边框中。你可以根据需要调整圆圈的大小、颜色和位置。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）

腾讯云云服务器（CVM）是一种弹性计算服务，提供可扩展的计算能力，适用于各种应用场景。了解更多信息，请访问：腾讯云云服务器（CVM）产品介绍

腾讯云对象存储（COS）是一种安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据。了解更多信息，请访问：腾讯云对象存储（COS）产品介绍