快速业务通道

体验css+div 之 给整个页面添加渐变背景

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-27

  体验css+div 之 给整个页面添加渐变背景

  css+div No Comments »

  随着WEB2.0网页设计风格的盛行,越来越多的优秀UI出现在各大网站中,它以清爽、简洁、主次分明的特征迎得了广大网页设计师们和各大网站站长们的青睐,而WEB2.0表现最出色的地方就是它对光感效果透彻的运用,经常会看到WEB2.0清新,通透的效果,那么这一效果的实现运用的什么手法呢?它最主要的手法就是色调渐变的运用,如果在一个网页中能够成功运用渐变背景那么整个页面的主次效果就更加的显著,那么如何在CSS+DIV控制的HTML制作中实现:将整个网页背景添加渐变背景呢:下面这些将会让你轻松地解决问题:

  body {

  background: #e9e9e9 url (images / image.gif ) repeat-x;

  }

小技巧:1.  image.gif----它是一个渐变图片的高度不变的直细条

       2.  我们知道网页宽度是限定的,而高度则是无限延伸的,当网页的高度超过"image.gif"的高度时渐变就会突然停止.不用担心,我们可以把渐变图片变化到一个固定颜色的色值做为背景颜色。而背景图片总是出现在背景颜色的上面,那么当渐变图片结束时,背景颜色就会显示出来了。这里图片和背景颜色之间的转换就看不出来了。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号