可以用偽元素，具體實現(xiàn)如下
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，超出會隱藏，內(nèi)部div的寬高一樣，邊框是100px,顯示出來就是四個圓點，因為設(shè)置了

overflow:hidden;自然內(nèi)部div的內(nèi)容和其他的圓點都隱藏了。