外边距(margin)、内边距(padding)、边框(border)

本文链接：https://blog.youkuaiyun.com/yellow_important/article/details/140566781

	          /*水平居中*/
	          margin: 0 auto;
	          /* 设置外边距 */
            margin: 100px;
				          /* 上  右  下  左 */
            margin: 0px 0px 0px 0px;
            margin-top: 10px; 顶外边距
            margin-left: 10px; 左外边距
            margin-right: 10px; 右外边距
            margin-bottom: 10px; 底外边距

            /* 设置内边距 */
            padding: 100px;
                  /* 上  右  下  左 */
            padding: 0px 0px 0px 0px;
            padding-top: 10px; 顶内边距
            padding-left: 10px; 左内边距
            padding-right:10PX ; 右内边距
            padding-bottom: 10px; 底内边距

            /* 设置边框 */
            border-width:1px;
            border-style:solid;
	            border-color:green;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
            border:1px solid red ;
            border-top: 1px solid red; 上边框
            border-left: 1px solid red;   左边框
            border-right: 1px solid red;    右边框
            border-bottom: 1px solid red;   底边框
            
            solid 实线  dotted 虚线框   double 双线框
            groove 立体内凸框   ridge 立体浮雕框 inset 凹框 
            outset 凸框