2020-12-08

margin边框不会变

<style type="text/css">
			
			i{
				background-color: black;
				display: inline-block;
				<!--i是行内元素,margin对行内元素不起作用, inline-block转换即可-->
				<!--margin用于设置与其他最近元素的距离-->
				margin-bottom: 10px;
				margin-top: 10px;
				margin-right: 10px;
				margin-left: 10px;
				<!--margin 20px 四个方向都是20px-->
				<!--margin 20px 40px;top 20px  r40-->
				
			}
		</style>

padding会改变边框大小

<style type="text/css">
			i{
				
				display: inline-block;
				padding-bottom: 10px;
				padding-top: 20px;
				padding-left: 30px;
				padding-right: 40px;
				<!--padding 元素框向外扩展,改变边框大小,而margin不改变-->
			}
		</style>