CSS中的三面邊框（three-sided border），與普通的四邊框有所不同。只有三條邊有邊框，而且這三條邊之間可以有間隔。下面是一個簡單的例子：

div {
border-style: solid;
border-width: 2px;
border-top: none;
border-right: none;
margin: 20px;
padding: 20px;
}

在這個例子中，div元素的上邊框和右邊框被取消了，因此只剩下了左邊框和下邊框。同時，該元素被添加了一些內邊距和外邊距，以更好的展示其效果。

三面邊框可以很方便地用于制作對話框、提示框等UI組件。例如：

.dialog {
border-style: solid;
border-width: 2px;
border-top: none;
border-right: none;
margin: 10px;
padding: 10px;
background-color: #F8F8F8;
}
.dialog-header {
border-bottom: 2px solid #DDD;
}
.dialog-body {
padding-top: 10px;
padding-bottom: 10px;
}
.dialog-footer {
margin-top: 10px;
text-align: right;
}

這是一個簡單的對話框例子。它由三個部分構成：頭部、主體和腳部。頭部和腳部只設置了一個下邊框，而主體則只設置了左、右和下三面邊框。通過設置不同的邊框樣式和顏色，可以隨意定制對話框的外觀。

總之，三面邊框是CSS中一個非常實用的技巧，可以用于增強UI組件的可讀性和可定制性。