CSS一像素邊框是指使用CSS來實現網頁元素邊框寬度為1像素的效果，通常用于增加網頁視覺效果。

在CSS3之前，實現一像素邊框被視為一項挑戰，常見的方法是使用圖片或者JavaScript。但是這些方法存在一些問題，如增加網頁加載時間、不支持響應式布局等。

.eg-border {
position: relative;
}
.eg-border::before {
content: "";
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #dcdcdc;
box-sizing: border-box;
}

使用CSS來實現一像素邊框，可以避免上述問題。代碼中的::before偽元素用于添加邊框，通過設置寬度為100%和box-sizing為border-box，可以保證邊框不會影響元素的大小和定位。使用z-index來設置邊框層級，使其出現在元素上方。

需要注意的是，使用CSS實現一像素邊框，需要考慮到不同設備的像素密度。如在移動設備上，一像素邊框可能會變粗，需要使用viewport單位或者js處理。