欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  css外边距margin属性值最多为四个:分别表示上外边距、右外边距、下外边距、左外边距。也可以是三个:表示上外边距、左右外边距、下外边距。也可以是两个:表示上下外边距、左右外边距。最少为一个:表示四边外边距。
 
  css外边距属性值可以是auto,浏览器自动计算外边距,块级元素会水平居中显示;属性值可以是百分比,百分比是基于父元素的宽度计算的;属性值可以是CSS长度单位,值可以是负值。属性值可以是inherit。
 
  接着我们就来直接看css外边距的实现代码
 
  注意:css外边距margin属性的默认值是0,所以如果没有为margin声明一个值,就不会出现外边距。
 
  css外边距实现代码如下:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8">
 
  <title>php中文网</title>
 
  <style>
 
  p{
 
  background-color:yellow;
 
  }
 
  p.margin{
 
  margin:2cm4cm3cm4cm;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <p>没有指定外边距大小</p>
 
  <pclass="margin">有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距</p>
 
  </body>
 
  </html>


2345截图20180930102938.png




本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c55404.shtml