CSS padding、margin、border属性

约定不等于承诺〃 2022-05-15 12:13 334阅读 0赞

转自:http://www.cnblogs.com/linjiqin/p/3556497.html
191935269513751.jpg
W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。
191935386296017.jpg

  1. margin:层的边框以外留的空白
  2. background-color:背景颜色
  3. background-image:背景图片
  4. padding:层的边框到层的内容之间的空白
  5. border:边框
  6. content:内容

发表评论

表情:
评论列表 (有 0 条评论,334人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS属性

    CSS属性 > 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性 > 属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜