邊框旋轉的螞蟻點是一種常見的CSS特效，它可以為網頁增添趣味和視覺效果。通過CSS的transform屬性和animation動畫屬性的組合，我們可以輕松地實現這種特效。

/* 先定義一個具有螞蟻點效果的樣式 */
.ant-dot {
width: 10px;
height: 10px;
background-color: #fff;
border: 2px solid #999;
border-radius: 50%;
animation: ant-dot-move 1s linear infinite;
}
/* 定義螞蟻行走的動畫 */
@keyframes ant-dot-move {
from {
transform: rotate(0deg) translateX(0);
}
to {
transform: rotate(360deg) translateX(0);
}
}
/* 給外圍元素設置邊框和螞蟻點效果 */
.box {
width: 200px;
height: 200px;
border: 2px dashed #999;
position: relative;
}
.box:before, .box:after {
content: "";
position: absolute;
z-index: -1;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border: 2px dashed #999;
}
.box:before {
animation: ant-dot-rotate 3s linear infinite;
}
/* 定義旋轉動畫 */
@keyframes ant-dot-rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

以上代碼中，我們先定義了一個樣式.ant-dot，通過border屬性來實現螞蟻點的邊框效果，并設置了白色的背景色，然后通過animation動畫屬性來定義螞蟻點的行走動畫，是它不停旋轉。

接著，在.box元素上設置了邊框和position屬性，以便讓它成為螞蟻點的父容器。在它的before偽元素上，通過animation動畫屬性和transform屬性來定義螞蟻點的旋轉動畫。在after偽元素上，我們使用了和box同樣的邊框樣式，讓其與box元素邊框錯開，從而實現了三重邊框的效果。

最后，我們只需要在.box元素中嵌套一個具有.ant-dot樣式的div元素，就可以看到整個特效了。