margin,padding和border在css中设置方式
2016-10-19 11:06
302 查看
margin,padding和border在css中设置方式
1.margin和padding设置方式:
margin:10px; 表示上右下左四个边的外边距都为10px
margin:10px,20px; 表示上右下左四个边的外边距为10px,20px,10px,20px,即当四个参数不完整时按照与对边保持相同值的原则。
margin:10px,20px,30px,40px; 表示上右下左四个边的外边距为10px,20px,30px,40px
margin-top:10px; 表示单独设置上边距为10px
margin-right:10px; 表示单独设置右边距为10px
margin-bottom:10px; 表示单独设置下边距为10px
margin-left:10px; 表示单独设置左边距为10px
margin:10% 表示表示上右下左四个边的外边距是父标签的10%
2.border设置方式
border:形状 大小 颜色
如: border:solid 5px red; 表示边框为实心线,宽度为5px 颜色为红色
3.通过margin来控制标签水平居中显示
margin:auto;
1.margin和padding设置方式:
margin:10px; 表示上右下左四个边的外边距都为10px
margin:10px,20px; 表示上右下左四个边的外边距为10px,20px,10px,20px,即当四个参数不完整时按照与对边保持相同值的原则。
margin:10px,20px,30px,40px; 表示上右下左四个边的外边距为10px,20px,30px,40px
margin-top:10px; 表示单独设置上边距为10px
margin-right:10px; 表示单独设置右边距为10px
margin-bottom:10px; 表示单独设置下边距为10px
margin-left:10px; 表示单独设置左边距为10px
margin:10% 表示表示上右下左四个边的外边距是父标签的10%
2.border设置方式
border:形状 大小 颜色
如: border:solid 5px red; 表示边框为实心线,宽度为5px 颜色为红色
3.通过margin来控制标签水平居中显示
margin:auto;
相关文章推荐
- css 父元素设置padding、border、margin的情况下,子元素width100%呈现情况
- CSS学习2----padding/border/margin
- 图解CSS的padding,margin,border属性
- css下margin、padding、border、background和font缩写示例
- border、margin、padding、elelment -- CSS
- 图解CSS的padding,margin,border属性
- css—border, margin, padding-浏览器
- 图解CSS的padding,margin,border属性
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- 知方可补不足~CSS中margin,padding,border
- 图解CSS的padding,margin,border属性(详细介绍及举例说明)
- css下margin、padding、border、background和font缩写示例
- css—border, margin, padding-浏览器
- html复习七--CSS学习2----padding/border/margin
- 知方可补不足~CSS中margin,padding,border-style有几种书写规范
- CSS padding margin border属性详解
- CSS里的Margin/border/Padding(转)