当他们要分别定义网页的顶、右、底、左时,用法有2种,他们分别为:
margin:top-value right-value bottom-value left-value;(顺序是固定的上右下左,顺时针。)
margin-top:value;
margin-right:value;
margin-bottom:value;
margin-left:value;
当他们定义的网页顶、右、底、左边距是等同时,用这种方法:
margin:value;
例如: margin:10px 20px 20px 40px;这个说明网页的上右下左边距分别为10、20、20、40.
或者也可以写成这样:
margin-top:10px;
margin-right:20px;
margin-bottom:20px;
margin-left:40px;
效果是一样的。
一般常用举例:
<style type="text/css">
<!--
#header {
height: 120px;
width: 960px;
background-image: url(headPic.gif);
background-repeat: no-repeat;
margin:0px 0px 5px 0px;
}
-->
</style>
<div id="header"></div><!--网站的头部-->
<div id="nav"></div><!--网站的导航-->
<div id="content"></div><!--网站内容-->
<div id="footer"></div><!--网站底部-->
上面的代码就是我们经常用到的div+css做的网站让他的头部和导航之间有5px的高度。
责任编辑:小草