在网站设计CSS中,可以通过margin属性、border属性和padding属性控制段落、图片和表格等对象的格式。例如边框的宽度、颜色、样式和对象与边框的空白距离。
其中,margin属性用于控制对象边界和文件其他内容的空白距离。其语法如下:
margin-(top,right,bottom,left):长度 | 百分比 | auto
说明:
1,margin属性有margin-top顶部空白区域,margin-right右边空白区域,margin-bottom底部空白区域,margin-left左边空白区域四个边界属性。
2,可以使用任何长度单位。
3,如果将边距设为负值,就可以将两个对象重叠在一起。
利用margin属性设置边界值的方法有如下几种。
(1)设置一个边界值,如margin-top:2cm;
(2)设置对应边值
在margin属性中设置对应边值,是指上边界与下边界,左与右边界为相应的对应边界,所以若设置对应边其中一边的值时,另一边调用此值,例如
margin:2cm 4cm(表示上下边界值为2cm,左右边界值为4cm);
(3)设置四个边界值
例如margin:20pt 30% 30px 2cm
表示上边界为20pt,右边界为30%,下边界为30px,左边界为2cm。
举例:
<html>
<head>
<title>使用margin设计网站的边界属性</title>
<style type="text/css">
<!--
body{margin:2cm 2cm 2cm 2cm}
-->
</style>
</head>
<body>
<center>
<h4>网站设计边界margin</h4>
</center>
利用margin设计网站的上下左右边界,杭州尚线网络有限公司,专业网站设计公司,为您量身定做各类网站,拥有丰富的网站建设经验。
</body>
</html>
本课主题:网站设计边界margin
相关主题:
设置网站滚动条
美化网页链接
网站背景图片定位
固定网站背景图像
重复网站背景图像 background-repeat
请拨打热线:0571-86586571

