-内容区(content)
内边距(padding)
边框(border)
外边框(margin)
内容区主要用 width /height
设置背景颜色background-color:"#bfa";
设置边框
设置边框必须指定三个样式
border-width(边框的宽度)
berder-color(边框的颜色)
berder-style(边框的样式)
*可以后面跟四个值(上右下左)三个值(上 左右 下)两个值(上下 左右)一个值(四个边都是)
border-left-xxx
border-bottom-xxx
border-right-xxx
border-top-xxx
(xxx代表width color style)
border-style 可选值
none默认值没有边框
solid实线
dotted点状边框
dashed虚线
double双线
外边距
外边距margin:盒子与其他盒子之间的距离
他不会影响可见框的大小,而是会影响到盒子的位置
由于页面中的元素都是靠左靠上摆放的,所以当我设置上和左外边距时,会导致盒子自身位置发生改变而如果改变右和下外边距会改变其他盒子的距离
(如果改变上左边距自身位置动,改变右和下其他盒子动自己不动)
margin还有一个auto值这个值一般给水平方向设置
同时给左和右设置会使居中效果
HTML 盒子模型(基础笔记)
最新推荐文章于 2022-06-30 12:37:46 发布