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

css之padding和margin

时间:2016-11-14 20:48:20      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:其他   距离   com   文字   css   边框   otto   按钮   log   

先看一个图:

技术分享

padding就是content内容到边框的距离,有四个值可以取,分别设置上右下左:padding-top,padding-right,padding-bottom,padding-left 可以简写为padding:1px,2px,3px,4px;

content内容是什么?

最明显的就是图片,可以是输入框,可以是按钮,也可以是一段文字等.

 

margin就是设置与其他元素的四个边,

margin-top:本元素的上边和上边元素的下边的距离

margin-bottom:本元素下边和下面元素的上边的距离

margin-left: 本元素的左边和和左边元素的右边的距离

margin-right: 本元素的右边和右边元素的左边的距离

举个栗子:

技术分享

 

css之padding和margin

标签:其他   距离   com   文字   css   边框   otto   按钮   log   

原文地址:http://www.cnblogs.com/lonely-buffoon/p/6063009.html

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