CSS margin与padding区别 - html/css语言栏目：html.css-自学php网

主页 > 前端 > css教程 >

CSS margin与padding区别 - html/css语言栏目：html.css

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:次

[导读] CSS margin与padding区别一、介绍css中位置属性设置有margin与padding两种，其区别简单来说是margin设置外边距，padding设置内边距。下图为css模型盒：说明：设置margin，表示设置当前元素离其外...

CSS margin与padding区别

一、介绍

css中位置属性设置有margin与padding两种，其区别简单来说是margin设置外边距，padding设置内边距。

下图为css模型盒：

说明：设置margin，表示设置当前元素离其外一层的距离；

设置padding,表示设置离其内一层元素的距离

二、示例代码：

html4/loose.dtd">

 
   New Document 
  
  
  
  
 

 
 
	
		
			1
			2
		
	
	
		
			1
			2
		
	
	
		
			1
			2
		
	
	
		
			1
			2

运行效果比较：

CSS 学习一 - html/css语言栏目：html.css - 自学php

html学习（一） - html/css语言栏目：html.css - 自学

最新评论

加载更多~~

添加评论

更多文章推荐

css3动画属性--animation（动画） - html/css语言栏目： 2015-04-14
七夕跟百度学做节日营销专题 - html/css语言栏目： 2015-04-14
正则表达式语法详解 - html/css语言栏目：html.cs 2015-04-14
表格列表CSS样式 - html/css语言栏目：html.css - 自学 2015-04-14
揭开内容无关链表的神秘面纱 - html/css语言栏目 2015-04-14
Wordpress页面模板制作方法及使用 - html/css语言栏目 2015-04-14
CSS3详解：transform - html/css语言栏目：html.css - 自学 2015-04-14
为什么不建议使用css @import - html/css语言栏目： 2015-04-14
[REST Jersey] @QueryParam Demo - html/css语言栏目：html. 2015-04-14
一些常用的Maven Plugin配置 - html/css语言栏目：ht 2015-04-14

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com



添加评论