本文基于尚硅谷Web前端基础教程发布，你也可以理解成这是一篇尚硅谷教程笔记，当然这里也有我的一些经验总结

边框

border

可以利用border-width border-color border-style属性定义边框的宽，颜色和样式宽的一般默认值是3像素，但可能会因为浏览器的差异而差异所以即使需求就是3px也需要手动添加防止一些浏览器不「遵守规则」

一般的border-width可以指定四个方向边框的宽的情况，形如

1	border-width: xxx xxx xxx xxx;

以后见到一些其他元素也是根据这个顺序排列的，例外很少所以要记好

当然border也定义进行单独框的样式形如border-xxx-width同样的也有四个可选情况top right bottom left分别对应顺时针上右下左

简写属性

a.每次都要写六行也太麻烦了吧，有没有简写属性呢？
b.有的有的那就是border: xxx xxx xxx里面可填的属性包括像素，颜色和实虚边切可以所以调换位置如border: 5px solid red;

除此之外还有使各个边样式不同的的属性就是border-xxx这里面可以是top right bottom left形如 border-xxx: xxx xxx xxx。

提问：如何只设置两条三条边框不要右边的边框

有两种方法，一种是设置

1
2
3

border-top: 5px solid red;
border-bottom: 5px solid red;
border-left: 5px solid red;

但这种方法还是有点麻烦，可以使用这个方法

1 2	border: 5px solid red; border-left: right;

效果是一样的