在CSS中，四邊等距設置是指給一個元素的上、下、左、右四個方向設置等距離的邊框、內邊距或外邊距。這可以讓網頁看起來更整齊、美觀。下面介紹幾種實現四邊等距設置的方法。

/* 方法一：使用margin */
div {
margin: 10px; /* 上下左右都是10像素的外邊距 */
}
/* 方法二：使用padding */
div {
padding: 10px; /* 上下左右都是10像素的內邊距 */
}
/* 方法三：使用calc() */
div {
padding: calc(10px + 1rem); /* 上下為10像素，左右為1rem的內邊距 */
}
/* 方法四：使用flexbox */
.container {
display: flex;
justify-content: space-around; /* 左右兩端均分空間 */
align-items: center; /* 垂直居中 */
}
.container div {
flex: 1; /* 等分空間 */
margin: 10px;
}

總結起來，使用margin和padding可以直接設置等距離的內外邊距，而使用calc()可以結合不同單位設置不同的邊距大小。最后，flexbox是一種適用于布局的強大工具，可以用來實現等距排列、等分空間等效果。