网页背景渐变效果代码

2016-02-19 09:54 9 1 收藏

想不想get新技能酷炫一下，今天图老师小编就跟大家分享个简单的网页背景渐变效果代码教程，一起来看看吧！超容易上手~

【 tulaoshi.com - Web开发】

下面是我从网上搜索下来的关于网页的背景色从上下到由蓝色到白色的渐变的代码，但其中的一些参数我不懂，我琢磨不透如果要由下至上的渐变效果到底是修改哪个参数，我试过修改gradientType的值，但没能实现从下到上的渐变效果，只有从左至右的。希望各位能指点一下，先谢过大家！！
body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
style="FILTER: progidXImageTransform.Microsoft.Gradient gradientType=0,startColorStr=#46B5FF,endColorStr=#ffffff)"
FF不支持,还是用背景图兼容性好~

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1592612.html

上一篇：通用的javascript　换行色换列色的小js
下一篇：如何做到打开一个页面过几分钟自动转到另一页面

看过《网页背景渐变效果代码》的人还看了以下文章更多>>

20个国外优雅网页背景纹理设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

合理运用素材，利用纹理绘制精美绝伦的网页背景。尽管极简设计和扁平化不提倡使用纹理。但是设计无绝对，很多情况下，纹理的质感，能让整个网页提升好几个层次。纹理能够营造一种复古氛围。本文收录了20个网站，全部在纹理运用上颇有心得，可以看看他们的设计细节。 Orchard Keepers Postable Activate Media Oli Lisher Olly...

CSS3教程(5):网页背景图片

标签： Web开发

背景图片/纹理有很多种使用方式，常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。上一篇文章：CSS3教程(4):网页边框和网页文字阴影 CSS3的背景图片大小可以写成 background-size:Apx Bpx; -Apx = x轴(图片宽度) -Bpx = y轴(图片高度) 了解了这些，我们开始体验这个特...

CSS技巧:网页文字渐变效果

标签： Web开发

本文介绍的技术很经典，也算是一篇老文章了，相信很多人也都看过，之前神飞有注意到国内有些翻译，但是不全面，这里我就将其完整的翻译了一下。你想制作漂亮的标题而不用将每个标题都做成图片吗？这里是一个简单的CSS技巧，它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一...

入门：Dreamweaver8设计网页背景实例讲解

标签： Web开发

我们在网页制作过程中，尤其是初学的人们读喜欢给自己的网页制作一个背景，今天我给大家讲解一下在Dreamweaver8中设置网页背景的方法。首先启动Dreamweaver软件，新建立一个HTMl文档。然后我们执行“修改”=“页面属性”（快捷键Ctrl＋J）菜单命令，弹出“页面属性”对话框，在“外观”分类中会发现背景图像的下方多了一个“...

JQery 渐变图片导航效果代码漂亮

标签： Web开发

图片如上。。下载图片试试。。效果不错哦。。JS就直接连接远程就可以了代码复用性差。。希望高手指点下，应该怎么样才好代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="C...

查看更多精彩>>