border-style屬性用于設置元素的邊框樣式。它可以控制邊框的外觀，包括邊框的線條樣式、寬度和顏色。border-style屬性有多個可選值，下面將逐一介紹這些值及其效果。

1. none：無邊框。設置為none時，元素將沒有邊框。

2. solid：實線邊框。設置為solid時，元素的邊框將呈現為實線。

3. dotted：點狀邊框。設置為dotted時，元素的邊框將呈現為一系列點。

4. dashed：虛線邊框。設置為dashed時，元素的邊框將呈現為一系列短線段。

5. double：雙線邊框。設置為double時，元素的邊框將呈現為兩條平行的實線。

6. groove：凹槽邊框。設置為groove時，元素的邊框將呈現為一條凹陷的線條。

7. ridge：脊狀邊框。設置為ridge時，元素的邊框將呈現為一條凸起的線條。

8. inset：內嵌邊框。設置為inset時，元素的邊框將呈現為一條內嵌的線條。

9. outset：外嵌邊框。設置為outset時，元素的邊框將呈現為一條外嵌的線條。

以上是border-style屬性的常用取值，通過設置不同的值，可以實現不同樣式的邊框效果。還可以通過border-width屬性來設置邊框的寬度，通過border-color屬性來設置邊框的顏色。

例如，可以使用以下代碼來設置一個紅色的實線邊框：

border-style: solid;

border-width: 1px;

border-color: red;

通過調整border-style屬性的值，可以實現更多樣式的邊框效果，以滿足不同的設計需求。

千鋒教育擁有多年IT培訓服務經驗，開設Java培訓、web前端培訓、大數據培訓，python培訓、軟件測試培訓等課程，采用全程面授高品質、高體驗教學模式，擁有國內一體化教學管理及學員服務，想獲取更多IT技術干貨請關注千鋒教育IT培訓機構官網。