码迷,mamicode.com
首页 > Web开发 > 详细

css盒子模型

时间:2018-03-20 10:34:05      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:com   span   ima   bsp   宽度   info   blog   str   nbsp   

技术分享图片

1.border:

border-width:边框的宽度

border-color:边框的颜色

boeder-style:边框的线型

border-top:上边框

border-bottom:下边框

border-left:左边框

border-right:右边框

2.padding(代表边框内壁与元素之间的距离):

padding:10px(代表上下左右都是10px)

padding:1px 2px 3px 4px  (上右下左)

padding:1px 2px(上下、左右)

padding-top:单独设置

3.margin(代表边框外壁与其他元素之间的距离):

margin:10px(代表上下左右都是10px)

margin:1px 2px 3px 4px  (上右下左)

margin:1px 2px(上下、左右)

margin-top:单独设置

 

css盒子模型

标签:com   span   ima   bsp   宽度   info   blog   str   nbsp   

原文地址:https://www.cnblogs.com/zhaili/p/8607502.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!