在前端網頁開發中，CSS （Cascading Style Sheets）是一種非常實用的樣式表語言。通過CSS，我們可以為我們的網頁添加各種良好的樣式，包括顏色、字體、背景、邊框等等。其中，邊框的設置是一個比較重要的部分，而顯示邊界在開發中也非常必要。

/*
* 設置元素的邊框樣式，以及寬度顏色等屬性
*/
div {
border-style: solid;
border-width: 1px;
border-color: #000;
}

在上述代碼中，我們設置了一個div元素的邊框樣式為實線（solid），寬度為1像素，顏色為黑色。通過這段CSS代碼，我們可以看到此時該div元素已經被邊框包圍了。但是在開發中，可能會遇到需要更加清楚顯示邊界的情況。這時候，我們可以使用CSS的outline屬性。

/*
* 設置元素的外框樣式，以及寬度顏色等屬性
*/
div {
outline-style: dashed;
outline-width: 2px;
outline-color: #f00;
}

在上述代碼中，我們設置了該div元素的外框樣式為虛線（dashed），寬度為2像素，顏色為紅色。通過這段CSS代碼，我們可以看到此時該div元素的外框被清晰地顯示了出來。

除了可以使用outline屬性來顯示邊框外框，我們還可以使用CSS3的box-shadow屬性。這個屬性可以為元素添加陰影效果，并且可以控制這個陰影的大小和位置。

/*
* 設置元素的陰影樣式，以及大小和位置等屬性
*/
div {
box-shadow: 0 0 10px #999;
}

在上述代碼中，我們設置了該div元素的box-shadow屬性，將元素添加了一個大小為10像素的灰色陰影。box-shadow屬性可以設置多個陰影，以逗號分隔，同時也可以指定陰影的位置和模糊度。

總的來說，CSS提供了多種方法來顯示邊界樣式。在實際開發中，我們可以根據實際需求來選擇合適的方法，達到最佳效果。