CSS分割線可以用于在網頁中創建視覺分隔符,使內容更易讀并有層次感。而其中的顏色,是讓分割線更優美的一個重要因素。
默認情況下,CSS分割線的顏色是黑色。如果需要修改顏色,可以使用border-color屬性。例如:
hr { border-style: solid; border-top-width: 1px; border-color: #ff0000; }
這個例子會創建一個紅色的分割線。如果需要使用多種顏色,可以修改不同方向上的邊框顏色:
hr { border-style: solid; border-top-width: 1px; border-left-color: #ff0000; border-right-color: #00ff00; border-bottom-color: #0000ff; }
這個例子會創建一個從左到右的漸變顏色分割線。