十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本文和大家重点讨论一下CSS中如何使用margin属性定义网页边距,margin属性包括margin-top,margin-right,margin-bottom,margin-left等。

创新互联长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为增城企业提供专业的成都网站制作、做网站、外贸营销网站建设,增城网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
CSS中margin属性定义网页边距
margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin。
◆当他们要分别定义网页的顶、右、底、左时用法有2种,他们分别为:
margin:top-valueright-valuebottom-valueleft-value;(顺序是固定的上右下左,顺时针。)
- margin-top:value;
- margin-right:value;
- margin-bottom:value;
- margin-left:value;
◆当他们定义的网页顶、右、底、左边距是等同时,用这种方法:
margin:value;
例如:margin:10px20px20px40px;这个说明网页的上右下左边距分别为10、20、20、40.
或者也可以写成这样:
- margin-top:10px;
- margin-right:20px;
- margin-bottom:20px;
- margin-left:40px;
效果是一样的。
一般常用举例:
上面的代码就是我们经常用到的div+css做的网站让他的头部和导航之间有5px的高度。