使用 css html 中的淡入淡出线

Question

我想在我的网站上添加这种线条或边框，如果这样做更好的话， 我该怎么做

Answer 1

使用线性渐变 css函数：

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));
}

<hr />

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