如图：用CSS实现中间粗两头细的线条，项目需要，更多的时候，可以用一像素的背景图片来代替。
demo如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:100%; height:2px; background: -webkit-linear-gradient(left, #fff -4%,#2473fb 50%,#fff 100%); } </style> </head> <body> <div class="box"></div> </body> </html>
