本文介绍了CSS中三个重要的概念：Border、Padding和Margin。Border用于定义元素边框的样式、颜色和宽度，如20px红色实线边框。Padding则是元素内部的空间，设置上下左右的内填充大小，例如100px。Margin则代表元素周围的空间，可设置全方位的外边距，实现元素的定位，如100px的外边距。通过margin: 0 auto，元素可以实现水平居中。这些属性是网页布局和视觉设计的关键要素。
1.Border
将border理解为衣服（外套类型），可以设定衣服的颜色和尺寸大小
border{20px（20码）red（红色）solid（虚实线）}
2.Padding
padding内搭衣服，可以上下左右全方位的设定大小，那么外套必然包裹内搭
padding-top:100px; 上
padding-bottom-100px; 下
padding-left:100px; 左
padding-right:100px; 右
简写 padding：100px； （上下左右）
3.Margin
margin相当于房间，同样可以设定全方位的大小，你穿着两件衣服（padding 和border）在房间里（margin）
margin-top：100px；
margin-bottom：100px；
margin-left：100px；
margin-right：100px；
auto表随机
margin：0 auto 横向居中
margin：auto 0 纵向居中
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
