如何使一个闪烁的“光标/矩形”在CSS中的“正常”文本？

在CSS中，可以使用伪元素和动画效果来实现一个闪烁的光标/矩形在正常文本中的效果。

首先，可以使用伪元素(::before或::after)来创建一个矩形元素作为光标。通过设置该元素的宽度、高度、背景颜色等属性，可以调整光标的样式。

接下来，可以使用CSS动画来实现闪烁效果。可以使用@keyframes规则定义一个动画序列，通过设置透明度属性从0到1再到0的变化，来模拟光标的闪烁效果。

以下是一个示例代码：

<style>
    .cursor {
        position: relative;
        display: inline-block;
    }

    .cursor::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 1em;
        background-color: #000;
        animation: blink 1s infinite;
    }

    @keyframes blink {
        0% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
</style>

<div class="cursor">正常文本</div>

在上述代码中，通过给包含正常文本的容器元素添加一个类名"cursor"，并使用伪元素::before创建一个矩形光标。通过设置animation属性，将名为"blink"的动画应用到光标上，实现闪烁效果。

这样，就可以在CSS中实现一个闪烁的光标/矩形在正常文本中的效果。

请注意，以上示例中的代码只是一种实现方式，具体的样式和动画效果可以根据需求进行调整。