可以用伪元素，具体实现如下
css部分
div {
height: 0;
width: 0;
border: 100px dotted red;
position: relative;
}
div::after{
content: ‘’;
position: absolute;
top: -100px;bottom:-100px;
left:-50px;right:-50px;
}
div::before{
content:’’;
position:absolute;
left:-100px;right:-100px;
top:-50px;bottom:-50px;
}
html 部分
<div><\div>

他问的是这个吧。。。

我把代码给你整体写下来看你就懂了

<style>

.box{width:100px;height:100px;overflow:hidden;}

.dotted{width:100%;height:100%;border:100px dotted red; }

</style>

<div class="box"><div class="dotted"></div></div>

外面div宽高只有100px，超出会隐藏，内部div的宽高一样，边框是100px,显示出来就是四个圆点，因为设置了

overflow:hidden;自然内部div的内容和其他的圆点都隐藏了。