美文网首页
margin border

margin border

作者: wzhiq896 | 来源:发表于2016-11-01 20:46 被阅读8次

CSS边框属性:

border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和margin与padding是不同的(后两者可以分别定义四个边的值).

border-top -- 定义上边框样式

border-right -- 定义右边框样式

border-bottom -- 定义下边框样式

border-left -- 定义左边框样式

CSS的margin属性:

边框的外面可以有一层边外补白(margin),边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白.

边外补白分为上边外补白(top),下边外补白(bottom),左边外补白(left),右边外补白(right).

边外补白(margin)只有宽度width一种属性.

适用于: 所有元素,除了 table-caption, table 和 inline-table

margin,中文"边、页边"的意思

如果margin属性后面跟随四个值,那么值的分配顺序是从上面开始以顺时针旋转分配

CSS中padding属性

边框的里面可以有一层边内补白(padding),边内补白定义了边框与边框里面内容的距离.

边内补白分为上边内补白(top),下边内补白(bottom),左边内补白(left),右边内补白(right).

边内补白只有width一种属性.

*padding边内补白可以取负值;边内补白是看不到的,因为它本身是透明的*

相关文章

  • Qss样式的盒子模型

    Margin: 在border外面 Border:在margin和padding中间绘制边框 padding:填充...

  • margin border

    CSS边框属性: border不能分别定义4个边框的宽度,颜色和样式,只能统一定义,不可以对四个边设置不同的值,和...

  • 1.4.4盒模型

    盒模型概念、width、height、padding、margin(水平居中)、border、border-rad...

  • CSS 小知识点

    background包含border margin:0 auto;左右居中 margin:auto 0;垂直居中 ...

  • css,svg,canvas多种方式绘制三角形

    1、border div{ width:0; height:0; margin:0auto; border:100...

  • 盒模型

    盒模型包括哪些属性? 盒模型包括:margin、border、padding、content。 margin:清除...

  • CSS之二三事

    CSS不正交 各属性间互相影响margin vs border:margin默认情况下会合并,如父子margin合...

  • 用JS制作一个点击向下滚动,点击返回顶部(用Tween函数)

    *{margin: 0;padding: 0;}.test{border...

  • css

    盒子模型 一个盒子的实际宽度、高度:content+padding+border+margin: margin: ...

  • 标签2

    行内元素不能设置 宽高 垂直margin 可以设置 padding border margin-left tit...

网友评论

      本文标题:margin border

      本文链接:https://www.haomeiwen.com/subject/ntgmuttx.html