盒子模型css

 /* 

            内容区:设置宽度和高度就是内容。

            边框 border设置的种类: 

                    border-width 边框的宽度(1px)

                    border-style 边框的样式

                    border-color 边框的颜色

            border-width:1px 2px 3px 4px;从上面开始，沿顺时针方向取值

            当值不够时，执行对面的值，当对面也没有时候，他会执行最上面得值

            当不设置border-width时默认为1px【必须有border-style的时候，否则报错】

            border-style:solid;【格式和执行顺序与border-width一样】

            border-color【没有border-color默认为黑色】

            border-top-style:指定边框样式

        */

        .div1{

            width: 200px;

            height: 200px;

            background-color: crimson;

            /* border: 1px solid black; */

            /* border-width后面值多少的总结 ，四个的时候，从上面顺时针

                                            三个时候，上，左右，下

                                            两个时候，上下，左右*/

            border-width: 10px 20px 30px 40px;

            border-style: solid;

            border-color: blanchedalmond red blue black;

            border-top: 1px solid yellow;

            border-bottom: 2px solid greenyellow;