在CSS樣式中，為元素添加邊框顏色是一個常見的需求，您可以通過設(shè)置border屬性來實現(xiàn)這一點，以下是一些示例代碼，展示了如何為元素添加不同顏色的邊框：

示例1：添加紅色邊框

div {
    border: 2px solid red;
}

示例2：添加藍色邊框

div {
    border: 3px dashed blue;
}

示例3：添加綠色邊框并設(shè)置圓角

div {
    border: 4px solid green;
    border-radius: 10px;
}

示例4：添加黃色邊框并設(shè)置寬度

div {
    border: 5px double yellow;
}

示例5：添加紫色邊框并設(shè)置樣式

div {
    border: 6px solid purple;
    border-style: dotted;
}

示例6：添加橙色邊框并設(shè)置圓角與寬度

div {
    border: 7px solid orange;
    border-radius: 20px;
    border-width: 10px;
}

示例7：添加透明邊框并設(shè)置顏色漸變

div {
    border: 8px solid transparent;
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, purple);
}

示例8：添加黑色邊框并設(shè)置樣式與寬度

div {
    border: 9px double black;
    border-style: dashed;
    border-width: 15px;
}

示例9：添加白色邊框并設(shè)置圓角與樣式

div {
    border: 10px solid white;
    border-radius: 30px;
    border-style: dotted;
}

示例10：添加灰色邊框并設(shè)置顏色與樣式

div {
    border: 11px solid gray;
    border-style: dashed;
}