教你如何让背景图片居中

教你如何让背景图片居中

<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>

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

2012/8/18 奇亿网络人才招聘通知

2012/8/7 用户付100元开发商拿三四成，拆解页游分账模式

2012/8/1 公司搬迁新办公地址通知

2011/8/5 百度长期不更新的网站该如何优化

2011/7/17 五个让你在百度关键字排前的方法

2011/7/3 网站设计可从八方面提高转化率

2011/6/24 企业网站应该怎样来优化排名？

2011/6/2 网站建设之15步提升网站信任度

2011/5/13 企业网站建设优化应该注意五点

2011/4/20 除了优化我们还有哪些网站推广方法？

2011/4/1 网站优化最重要的是需要好的心态

2011/3/25 个人网站或博客如何来赚钱盈利？

2011/3/10 网站建设的链接优化策略

2011/3/2 更新网站内容应注意哪些事项

2011/2/23 网站建设公司素质莨莠不齐 互联网服务市场未来堪忧

2011/2/18 网站制作应该选择怎样的方案最好

2011/2/11 网站优化排名利器之软文

2011/2/5 腾讯加入团购大战阿里称不在意

2011/1/26 广州奇亿网站建设春节放假安排

2011/1/20 网络营销效果取决于网站建设成败