使用css的html中的淡化行

Question

我想添加这种线条或边框，如果最好这样做作为我网站的边框， 我怎么能这样做

Answer 1

使用线性渐变 css函数：

＆＃13;

＆＃13;

hr {
   height: 2px;
   border: 0;
   background: linear-gradient(to right, rgba(65, 191, 255, 0), rgba(65, 191, 255, 1), rgba(65, 191, 255, 0));
}

＆＃13;

<hr />

＆＃13;

＆＃13;

＆＃13;

参考：
http://www.w3schools.com/css/css3_gradients.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient