margin和padding区别

最新推荐文章于 2024-07-09 11:31:12 发布

阿猿总想摸鱼

最新推荐文章于 2024-07-09 11:31:12 发布

阅读量140

点赞数

分类专栏： java web 文章标签： java tomcat java-ee

本文链接：https://blog.csdn.net/m0_55930865/article/details/123913109

版权

java web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css"> 
	#div1{
	    margin:20px;			
	    padding:10px;
	    border:2px red solid;
	}
	#div2{
		border:2px blue solid;
	}
</style> 
</head> 
<body> 
	<div id="div1">222</div>
	<div id="div2">111</div>
</body> 
</html>

padding是指文本内容距离边框线上下左右的距离，也就是红线，每段红线都是10px.其实padding有一个把边框线往外撑的效果

margin是指边框线距离他上下左右最近元素的距离，也就是黑色线，每段黑线都是20px,上,上左右是距离body20px，下面是距离id="div2"的文本框的距离

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿猿总想摸鱼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
margin和padding区别

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css"> #div1{ margin:20px; padding:10px; border:2px red solid; } #div2{ border:2px blu.
复制链接

扫一扫