0
点赞
收藏
分享

微信扫一扫

Html-盒子模型


盒子模型常用的属性

厲性

描述

说明

content

内容

  •  width:设置内容区的宽度;
  •  height:设置内容区的高度;

border

边框

  • color:设置边框的颜色;
  • width:设置边框的大小;
  • style:设置边框的样式(solid  实线、dashed  虚线、dotted  点状虚线、double  双线);
  • top:上边框;
  • right:右边框;
  • bottom:下边框;
  • left:左边框;
  • 复合属性(border:颜色,大小,样式);

padding

内边距

  • top:上内边距;
  • right:右内边距;
  • bottom:下内边距;
  • left :左内边距;

margin

外边距

  • top:上外边距 盒子正值向下移动,负值向上移动;
  • right:右外边距    默认情况,设置margin-right是没有效果;
  • bottom  下外边距   盒子自己不动,挤下面的盒子移动,正值向下,负值向上;
  • left:左外边距   盒子正值向右移动,负值向左移动;
举报

相关推荐

0 条评论