1、新建html文档，在body标签中添加一些input标签，这时默认情况下浏览器中的文本框有1px的边框：
2、在head标签中添加style标签，设置input的样式，这里为了演示方便，为文本框设置灰色的背景色：
3、为input标签设置边框“border”属性，属性值为“0”，这时网页中文本框的边框就被去掉了：
@ border只设置一边是什么形状？
border边框属性可以分别设置上下左右四条边框，只设置显示一边那就是一条线了。
@ css中边框border？
复合属性（即理解为：可以使用多个属性去设置上边框）。复合是指一次使用多种样式定义边框可以使用border-top、border-right、border-bottom、border-left分别定义四条边框的所有属性，属性值是样式、宽度和颜色，其中宽度和颜色可以省略，样式不能省略，还可以直接使用border属性，一次性对四条边框同时设置，属性值同样是样式、宽度和颜色，其中宽度和颜色可以省略，样式不能省略。
例如：.box { border-style :solid ;}.box1{ border-width :5px ;}.box2{ border-color :red ;}.box3{ border-top :1px dashed #00ff00 ;}.box4{ border :1px dotted #0000ff ;}
@ css中border后面跟哪些属性？
css中border后面的所有样式属性有
1、solid:实线
使用方法：border:solid 1px #000;
偶发现border:1px solid #000;和border:solid 1px #000效果相同。
2、dotted:点划线
使用方法：border:dotted 1px #000;
同样的border:dotted 1px #000;和border:1px dotted #000效果相同。
3、dashed:虚线
使用方法；border:dashed 1px #000;
同理：border:1px dashed #000;
4、double:双线
使用方法：border:double 1px #000;(实现不了双线)
5、none:没线
使用方法：border:none;
