c s s写一个一个正方形的边框，中间顶部矩形凹陷一部分

您可以使用CSS的伪元素和边框属性来实现这个效果。以下是样式代码示例：

.square {
  position: relative;
  width: 200px;
  height: 200px;
  border: 2px solid #000;
  box-sizing: border-box;
}

.square::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50px;
  width: 100px;
  height: 20px;
  border: 2px solid #000;
  border-top: none;
  border-left: none;
  border-right: none;
  transform: rotate(-45deg);
}

在上面的示例中，我们首先创建了一个宽高为200px的正方形元素，并设置了2px的边框。然后，我们使用伪元素 `::before` 来创建一个矩形凹陷的部分。通过设置伪元素的 `top` 和 `left` 属性，我们让它位于正方形的中间顶部位置。 `width` 和 `height` 属性确定了矩形的大小。 `border` 属性设置了矩形的边框样式，我们只将上、左、右三边设置为实线，下边设置为无。最后，通过 `transform` 属性将矩形旋转了45度，从而实现了凹陷的效果。

您可以将上述代码复制并粘贴到您的CSS文件中，然后将 `.square` 类应用到您的HTML元素上，即可实现该效果。