盒子模型

任何元素都有盒子模型
盒子模型由4部分组成:content内容 padding内边距,border边框,margin外边距
从内而外:content-padding-border-margin
margin
书写
padding:10px;上下左右10px
padding:5px 10px;上下 5px 左右10px
padding:5px 10px 4px;上5px 左右10px 下4px
padding:5px 10px 4px 1px;顺时针上5px 右10px 下4px 左1px(外边距margin同理)
margin: 0 auto让盒子居中 auto自动 浏览器的宽度减盒子的宽度平均除以2,自动计算

margin: 0 auto让盒子居中 auto自动 浏览器的宽度减盒子的宽度平均除以2,自动计算
border:1px solid red; 1px是边框闲的粗细
solid边框的类型
-dotted点线
-dashed虚线
-double双线
border(padding/margin)-left左/top上/bottom下/right右:1px solid red;

posted @ 2022-08-08 11:05  母佳乐  阅读(31)  评论(0编辑  收藏  举报