您的位置:首页 > Web前端 > CSS

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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: