Margin、Padding、Border的分写和合写

margin、padding

  • 如果只提供一个值,将用于全部的四边

  • 如果提供两个值,第一个用于上、下,第二个用于左、右

  • 如果提供三个,第一个用于上,第二个用于左、右,第三个用于下

  • 如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边

border

  • border-styleborder-widthborder-color 同 margin 和 padding

  • border-radius
    如果只提供一个值,将用于全部的于四个角
    如果提供两个值,第一个用于上左、下右,第二个用于上右、下左,即:对角原则
    如果提供三个,第一个用于上左,第二个用于上右、下左,第三个用于下右
    如果提供全部四个参数值,将按上左、上右、下右、下左 的顺序作用于四个角

你可能感兴趣的:(Margin、Padding、Border的分写和合写)