首页 > Web开发 > 详细

css盒子模型

时间:2018-03-20 10:07:16      阅读:242      评论:0      收藏:0      [点我收藏+]

技术分享图片

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盒子模型

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!