一根線兩種顏色的效果在網(wǎng)頁設(shè)計(jì)中是非常常見的。這種效果可以用 CSS 來實(shí)現(xiàn)。下面我們來看一段代碼實(shí)現(xiàn)這種效果：

div {
height: 2px;
background: linear-gradient(to right, red 50%, blue 50%);
}

在這個(gè)代碼中，我們使用了linear-gradient()函數(shù)來創(chuàng)建一條漸變的線。參數(shù)to right表示這條線的方向是從左到右，參數(shù)red 50%, blue 50%表示這條線會從左側(cè)開始渲染，直到渲染到一半時(shí)變成藍(lán)色。這樣就實(shí)現(xiàn)了一根線兩種顏色的效果。

這種效果在設(shè)計(jì)登錄框、分割線等元素時(shí)非常常見。使用 CSS 實(shí)現(xiàn)這種效果不需要圖片資源，而且也非常靈活，可以根據(jù)不同需求進(jìn)行調(diào)整。所以，掌握這種技巧是非常有用的。