在做网页的时候,要求网页的头部是一个图片, 采用的办法是给<html>的<body>固定的宽度,然后设置一个<div>标签,div标签的背景图片为美工所给的图片,可是设置好所有属性之后图片总是靠左显示,右边留有一定的空白区域。
解决这个问题,在<style>中定义< body> 样式的时候margin属性加上一个auto即可解决。代码如下:
<html>
<head>
<style>
body
{
margin: 0px auto;
padding: 0px;
width:1280px;
text-align: center;
}
#head1
{
background-image: url(images/head.jpg);
width:1280px;
height: 407px;
margin: 0px ;
padding: 0px;
}
</style>
</head>
<body>
<div id="head1"></div>
</body>
</html>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。