CSS 有邊框陰影 CSS 是指層疊樣式表（Cascading Style Sheets），是一種用于網頁設計的語言。CSS 可以控制網頁的字體、顏色、布局和邊框等樣式，在網頁設計中起著非常重要的作用。其中，邊框和陰影是 CSS 中比較重要的樣式之一。 邊框樣式 在 CSS 中，可以使用 border 屬性來設置元素的邊框樣式。例如，我們要設置一個元素的邊框顏色為紅色、邊框寬度為 2 像素、邊框樣式為實線的話，可以使用如下代碼：

p {
border: 2px solid red;
}

上述代碼中，p 表示要設置的元素是段落，border 表示要設置的樣式是邊框樣式，2px 表示邊框的寬度為 2 像素，solid 表示邊框的樣式為實線，red 表示邊框的顏色為紅色。 陰影樣式 除了邊框樣式，陰影樣式也是 CSS 中比較重要的樣式之一。陰影樣式可以讓元素產生立體感，使得網頁布局更加美觀。 在 CSS 中，可以使用 box-shadow 屬性來設置元素的陰影樣式。例如，我們要設置一個元素的陰影樣式為黑色、模糊度為 5 像素、水平方向陰影為 2 像素、垂直方向陰影為 2 像素的話，可以使用如下代碼：

p {
box-shadow: 2px 2px 5px black;
}

上述代碼中，box-shadow 表示要設置的樣式是陰影樣式，2px 表示水平方向陰影的偏移量為 2 像素，2px 表示垂直方向陰影的偏移量為 2 像素，5px 表示陰影的模糊度為 5 像素，black 表示陰影的顏色為黑色。 總結 CSS 中的邊框樣式和陰影樣式可以讓網頁的布局更加美觀、立體，從而提高用戶的使用體驗。通過使用 border 和 box-shadow 屬性，我們可以輕松地設置元素的邊框樣式和陰影樣式，使得網頁設計更加豐富多彩。