广州网站建设

教你如何让背景图片居中

<style type="text/css"><!-- body {background-image: url(http://ＷＷＷ.ＳＴＵＤＳＴＵ.ＣＯＭ/logo.gif);background-color: #ffffff; background-position: center; background-repeat: repeat-y; background-attachment: scroll; } --> </style>

background-position: center center中center center这项值可修改。既是背景图片的位置。比如center center表示背景图片固定在中间，你还可以修改这一行以达到你想要显示的效果，如改成left top表示左上，left bottom为左下，right top为右上，right bottom为右下，top为正上方，bottom为正下方。

当然，如果仅有这些或许还不能满足我们网页的统筹布局。我们可以细化到具体位置，那就用坐标代替。如改成：background-position: 20px 40px;px表示左起水平20象素，垂直40象素。试着改动数字，可以发现背景图片也会出现在不同位置。细化位置有很多方法，比如用百分比代替等等这里就不一一列举了。

background-repeat: no-repeat;
no-repeat这项值可以改为repeat、repeat-x、repeat-y
repeat一般为默认值，表示背景图像在纵向和横向上平铺。no-repeat表示背景图像不平铺 。repeat-x为背景图像仅在横向上平铺，repeat-y:表示背景图像仅在纵向上平铺。
background-attachment:fixed 表示背景图片静止，文字在背景上面移动，如fixed值改为scroll则表示背景图片随着页面上的文字一起移动。

另外补充：<fieldset style=width:1002px align=center>

将这个代码放在搜索引荐优化,其它头部信息中，宽度自已调整成页面背景中间的宽度，这个是将页面底部的运行信息加到和背景中间一样宽的代码