css对渐变描写

<style>

.border_bottom{

    margin-top: 10px;

    border:medium none; 

    height: 2px;

    background-image:linear-gradient(to right,transparent,#009ee2,transparent);

}

</style>

<div class="col-lg-2 login_user">

      <input type="text" class="user_input" placeholder="请输入您的账号或用户名"/>

       <img src="../images/login_user.png" class="user_img"/>

        <div class="border_bottom"></div>

 </div>

 

来源：https://www.cnblogs.com/menxiaojin/p/11906052.html