div{
border: 1px solid black;
}

元素設置一個1像素寬的黑色實線邊框。 當然，這只是最基礎的邊框，如果我們希望讓邊框更加漂亮，就需要使用更豐富的border-style選項。

div{
border: 5px double #ccc;
}

這個代碼將會生成一個寬度為5像素的雙重邊框，顏色為淺灰色。其中雙重邊框的樣式為默認的“雙線”樣式（double），如果想要使用其他的樣式，可以使用以下代碼：

div{
border: 5px dashed #ccc;
}

這個代碼將會生成一個寬度為5像素的虛線邊框，顏色為淺灰色。 另外，在CSS中，我們可以給邊框加上圓角效果，以使邊框更加美觀。

div{
border: 3px solid #ccc;
border-radius: 10px;
}

這個代碼將會生成一個寬度為3像素的灰色實線邊框，同時給邊框加上10像素的圓角效果。 綜上所述，使用CSS可以制作出很漂亮的邊框，使用border、border-style、border-width三個關鍵字可設置邊框的屬性。這樣做可以讓頁面變得更加美觀，也便于用戶的閱讀。