CSS是前端開發中最常用的樣式語言之一，其中之一的邊框樣式也非常常見。你是否遇到過需要只顯示一條邊框而其他三條邊框不顯示的情況？本文將為你介紹兩種實現方式。

第一種方式是使用box-shadow屬性。代碼如下：

.your-div-selector {
box-shadow: 0px 0px 0px 2px black;
}

在這段代碼中，設置了一個黑色的box-shadow。屬性中第二個0代表水平偏移量，第三個0代表垂直偏移量，第四個0代表模糊半徑，最后的2px是實際的邊框寬度。你只需要控制第四個參數即可實現不同寬度、顏色的邊框效果。

第二種方式是使用偽元素實現。代碼如下：

.your-div-selector {
position: relative;
}
.your-div-selector::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid black;
box-sizing: border-box;
}

這段代碼實現的原理是使用一個偽元素來覆蓋在原來的div上，實現邊框的效果。 ::after偽元素的content屬性設置為空，表示不需要添加任何內容。使用position:absolute將偽元素定位在div上方，使用left:0和top:0將其置于div左上角，使用width:100%和height:100%讓偽元素大小與div相同。border屬性控制邊框樣式和寬度，box-sizing屬性設置為border-box，確保邊框寬度計入整個框的寬度。

以上兩種實現方法，你可以根據自己的需求選擇相應的方式。CSS的學習永遠是一個不斷學習的過程，希望這篇文章能為你提供幫助。