css 边框圆角的方法

css边框圆角的方法,以搜素栏位例

如下图:

代码演示:
input{
border-top-left-radius:20px;/*上左圆角*/
border-bottom-left-radius:20px;/*下左圆角*/
}

如下图:

代码演示:
button{
border-top-right-radius:20px;/*上右圆角*/
border-bottom-right-radius:20px;/*下右圆角*/
}
如下图:
 


posted @ 2018-12-21 17:27  骄傲一点才可爱  阅读(1298)  评论(0编辑  收藏  举报