其他分享
首页 > 其他分享> > css盒子模型

css盒子模型

作者:互联网

组成:border边框,content内容,padding内边距,margin外边距

1.边框(border)

组成:①边框粗细

border-width,单位为px

②边框样式

border-style

属性值:

none,无边框

solid,实线边框

dashed,虚线边框

dotted,点线边框

③边框颜色

border-color

注:复合写时没有顺序

④表格的细线边框

border-collapse:collapse;合并边框

 

2.内边距(padding)

属性:padding-left, padding-right,padding-top.padding-bottom

复合写法:

属性值中只有1个值,代表上下左右内边距都为这个值

属性值中有2个值,上下为前一个值,左右为后一个值

属性值中有3个值,第一个为上内边距,第二个为左右内边距,第三个为下内边距

属性值中有4个值,顺序为上、右、下、左

3.外边距(margin)

控制盒子与盒子之间的距离

复合方式与padding完全一样

 

 

标签:个值,盒子,模型,边框,padding,内边,值中,border,css
来源: https://www.cnblogs.com/ljdxxxtd/p/15348983.html