CSS可以通過設置邊框長度來美化網頁的顯示效果，邊框長度指的是邊框寬度和邊框樣式的組合。下面我們來分別看一下如何設置邊框寬度和邊框樣式。

/* 設置邊框寬度 */
border-width: 1px; /* 單位為像素 */
border-width: medium; /* 媒體邊框寬度 */
border-width: thick; /* 粗邊框寬度 */

上述代碼中，我們可以通過設置border-width來設置邊框的寬度，單位為像素，也可以設置為媒體邊框寬度或粗邊框寬度。

/* 設置邊框樣式 */
border-style: solid; /* 實線邊框 */
border-style: dashed; /* 虛線邊框 */
border-style: dotted; /* 點狀邊框 */
border-style: double; /* 雙線邊框 */
border-style: groove; /* 折線邊框（內凹） */
border-style: ridge; /* 折線邊框（凸出） */
border-style: inset; /* 內凹邊框 */
border-style: outset; /* 凸出邊框 */

上述代碼中，我們可以通過設置border-style來設置邊框的樣式，可以選擇實線邊框、虛線邊框、點狀邊框、雙線邊框、折線邊框（內凹/凸出）、內凹邊框、凸出邊框。

在實際應用中，我們可以將上述兩種設置進行組合。例如：

div {
border: 1px solid black; /* 設置1像素的黑色實線邊框 */
}

上述代碼中，我們使用了border的快捷屬性，同時設定了邊框寬度為1像素、邊框樣式為實線、邊框顏色為黑色。

通過設置邊框長度，我們可以實現對頁面設計元素的有利突出，進而提升用戶的視覺體驗。