注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

飘泊

努力做到全面...

 
 
 

日志

 
 

如何让背景居中  

2012-02-28 01:35:39|  分类: DIV+CSS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<style type="text/css"><!-- body {background-color: #ffffff; background-position: center 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>

将这个代码放在搜索引荐优化,其它头部信息中

宽度自已调整成页面背景中间的宽度

这个是将页面底部的运行信息加到和背景中间一样宽的代码


  评论这张
 
阅读(1169)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017