input边框问题

最近博主在学习css模仿别人的网站时，看到了无边框的输入框，来整理一下。

无边框的代码

border:0px;
/*or*/
border:none;
/*两者选择任何一种均可*/

去掉点击时显示阴影的代码

outline: none;

扩展：

下划线（不仅仅在输入框可以用）：

border-bottom: 1px rgba(0,0,0,.1) solid;
/*设置线的宽度，颜色和透明度，线的类型；我这里选的实线，在分区的时候想用一条线隔离也
可以使用这一行代码，具体哪一条线根据需求改bottom*/

圆角（不仅仅在输入框可以用）：

border-radius: 0px 0px 0px 0px;
/*这四个参数分别改的是  左上，右上，右下，左下；以左上顺时针转动，如果是4个角同时
修改同样的参数可直接写一个0px即可*/