css如何做底部翘边？

如何实现上面的翘边呢？一行css代码轻松搞定。

/**真正翘边效果border-radius，值的大小可以决定翘边的明显度。
下面的单位值为参考值可以根据具体的项目取值**/
input{
    font-family: "微软雅黑";
    outline: none;
    border: none;
    font-size: 1rem;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    border-radius: 1rem;
    text-indent: 10px;
    line-height: 3rem;
}

css3能够轻松的把页面做的美观点，有时候往往只添加一行代码就能使页面变的可观赏性。就行上图，加一个翘边和不加翘边给人的感觉就很不一样，而代码的差距仅仅只是一行代码。