CSS盒子模型

CSS盒子模型

1.盒子模型组成

在这里插入图片描述

  • content：内容

  • padding：内边距

  • border：边框

  • margin：外边距

border属性属性取值
border-width 2px; thin; medium; thick
border-style dashed; dotted; solid; double
border-color rgb(255, 0, 0); #f00; red

注：margin: top, right, bottom, left;

2.overflow属性

当内容超出盒子框的时候，overflow属性取值

  • hidden：超出部分不可见
  • scroll：显示滚动条
  • auto：如果有超出部分，显示滚动条
posted @ 2021-01-12 11:32  12218  阅读(56)  评论(0)  编辑  收藏  举报