当前位置:首页 > 好好学习 天天向上 > 正文内容

背景图片的定义

voxmt19年前 (2007-03-09)好好学习 天天向上660

  背景图象重复与否 

  background-repeat: 

  repeat | repeat-x | repeat-y | no-repeat 

  注: 

  以上设置标签的意义 

  repeat 图象水平垂直方向都重复。 

  repeat-x 图象水平方向重复。 

  repeat-y 图象垂直方向重复。 

  no-repeat 图象不重复。 

  背景图象是否随滚动条移动: 

  background-attachment:  

  scroll | fixed 

  scroll属于浏览器默认的,也就是随滚动条移动,fixed为不动。 

  给背景图定位:就是设置它显示在哪里.最上面top,还是左边left 

  background-position: 

  | [percentage | length]{1,2} 

  |[top | center | bottom] 

  | [left | center | right]  

  background-position:[percentage | length]是用X(横坐标)y(纵坐标)定义, 

  如background-position: 20px 40px; 

  background-position:[top | center | bottom] 和[left | center | right] 

  是一样的意思了,三个任意两个搭配可以产生不同的效果. 

  可以是background-position:top center;center bottom;top bottom;left,right.....
   
  bottom:下,top:上,left:左,right:右,center:中. 

  全部的设定:
  
{ background: background-color || background-image ||   background-repeat || background-attachment || background-position } 

  例如: 

  BODY {background-image: URL(picture1.jpg); 

  background-position: center; 

  background-repeat: no-repeat; 

  background-attachment: fixed;} 

  定义背景图的属性,位置是居中,不重复码放,且固定。

扫描二维码至手机访问

扫描二维码推送至手机访问。

版权声明:本文由83年生人发布,如需转载请注明出处。

转载请注明出处:http://blog.lihang.name/?id=52

标签: 网页设计
分享给朋友:

相关文章

第一可恶的服务器攻击手段——DDOS

第一可恶的服务器攻击手段——DDOS

什么是DDos攻击 DoS的攻击方式有很多种,最基本的DoS攻击就是利用合理的服务请求来占用过多的服务资源,从而使合法用户无法得到服务的响应。 DDoS攻击手段是在传统的DoS攻击基础之上...

今天给系统装上了微软雅黑体

Vista已经出来了,但是超过2000+的价格自然是买不起,又没有好的“D版”,还是暂时现不换了,先把新出的微软雅黑体装上,感受一下Vista的氛围好了…&hel...

关于微软雅黑体与ClearType技术

一款好的字体给你带来的影响是深远的,哪怕它还仅仅是 0.70 的 beta 版本。 2006年五月下旬开始,微软下一代操作系统 Window...

用CSS加载外部字体

@font-face { font-family : name ; src : url( url )...

解决Vista下MySQL错误的问题

Vista下安装完成MySQL后,Mysql server instance config wizard应该是启动不了的,下面的工作就是为了解决这个问题的,因为这是配置Mysql的唯一途径。到http...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。