渐变颜色的线

<div class="grad"></div>

.grad {

background: -webkit-linear-gradient(right, #1b24ff,#fd0371); /* Safari 5.1 - 6.0 */

background: -o-linear-gradient(right, #1b24ff,#fd0371); /* Opera 11.1 - 12.0 */

background: -moz-linear-gradient(right,#1b24ff,#fd0371); /* Firefox 3.6 - 15 */

background: linear-gradient(to right,#1b24ff,#fd0371); /* 标准的语法（必须放在最后） */

height: 1px;

}