如何優雅地添加網頁邊框？

一、使用CSS畫邊框

使用CSS的border屬性可以方便地為網頁添加邊框。可以通過設置寬度、樣式、顏色等屬性調整邊框的風格。示例代碼如下：

<style>
    body {
        border: 1px solid black; /* 設置邊框寬度、樣式、顏色 */
    }
</style>

二、使用CSS繪製圓角邊框

使用CSS的border-radius屬性可以給邊框添加圓角效果。通過設定圓角的半徑大小可以控制圓角的大小和角度。示例代碼如下：

<style>
    body {
        border: 1px solid black;
        border-radius: 10px; /* 設置圓角半徑（單位為像素） */
    }
</style>

三、使用CSS3繪製陰影邊框

使用CSS3的box-shadow屬性可以給網頁添加陰影效果，同時通過設置陰影的偏移量、模糊半徑、顏色等屬性，可以精細的控制陰影的效果，從而實現漂亮的邊框效果。示例代碼如下：

<style>
    body {
        box-shadow: 0px 0px 10px #999; /* 設置陰影的偏移量、模糊半徑、顏色 */
    }
</style>

四、使用純CSS實現圓角矩形邊框

使用純CSS實現圓角矩形邊框非常簡單，只需要通過設置寬度、高度、圓角半徑、背景色、邊框樣式等屬性即可。示例代碼如下：

<style>
    .border {
        width: 300px; /* 設置寬度 */
        height: 200px; /* 設置高度 */
        border-radius: 10px; /* 設置圓角半徑 */
        background-color: #fff; /* 設置背景色 */
        border: 1px solid #999; /* 設置邊框樣式 */
        box-shadow: 0px 0px 10px #999; /* 設置陰影 */
    }
</style>
<div class="border">
    網頁內容
</div>

五、使用圖片作為背景實現邊框

使用圖片作為背景可以實現各種特殊的邊框效果，比如紅色的磚石邊框、藍色的雲朵邊框等等。首先需要準備好相應的圖片素材，然後通過CSS設置為背景即可。示例代碼如下：

<style>
    body {
        background-image: url("border.jpg"); /* 設置背景圖片 */
        background-size: 100% 100%; /* 設置背景圖片大小 */
    }
</style>