HTML学习-CSS边框属性

border-style:none  无边框

                    solid   直线边框

                    dashed   虚线边框

                    dotted   点边框

                    double   双直线边框

                    groove   凸槽边框

                    ridge   隆起边框

                    inset   inset边框（点击效果）

                    outset   outset边框（未点击效果）

border-width:thin  细

                     medium   中等

扫描二维码关注公众号，回复： 3217142 查看本文章

                     thick   粗

                     XXpx   固定值

                     inherit   继承

border-color:color;

                     rgb();

                     rgba();

                     #ff1122;

                     inherit;

以上是统一边框的变化，也可以对上下左右边框分辨设置属性，格式如下：

border-left-style:solid;

border-right-width:2px;

border-top-color:red;

border-bottom-color:yellow;

颜色赋值是如果只有一个颜色对应的是四条边框；如果是两个颜色值，对应的是上下一个颜色，左右一个颜色；如果是三个颜色纸，上一个颜色，左右一个颜色，下一个颜色；如果是四个颜色是，对应的顺序是上，右，下，左。