用网页技术CSS实现网页背景渐变的四种代码设置。
一、从上往下渐变
以下为引用的内容：
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
|
二、从左上至右下渐变 Chinaz.com
以下为引用的内容：
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
} Chinaz.com
|
三、从左往右渐变
以下为引用的内容：
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
|
四、从上往下渐变
以下为引用的内容：
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
|
举例如：
<!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="Content-Type" content="text/html; charset=gb2312" />
<title>背景渐变</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="600" style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"> </td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
用网页技术CSS实现网页背景渐变的四种代码设置。
纯css3实现一款简单的网页动态渐变背景动画特效，渐变一般是两种颜色，这个可以设置多种渐变颜色。
纯CSS3制作科技感十足的背景发光渐变网页Loading加载动画特效源码.zip
网页背景渐变是经常用到的效果，下面用的滤镜，当然在非IE下是没效果的.
纯CSS3实现一款漂亮的表格效果，具有圆角、渐变、多背景色的特点，最初是在国外网站发现的，自己模拟出来了，不兼容IE8，在IE9/火狐/Chrome以及Safari下完美表现，具体效果请参见演示截图。
在CSS3之前如果需要添加渐变效果，通常要设置背景图像来实现。而CSS3中增加了渐变属性，通过渐变属性可以轻松实现渐变效果。 CSS3渐变属性 css3中定义了两种渐变类型：线性渐变和径向渐变。线性渐变是指两个或者两个...
在我们的网页里，经常碰到这样的情况：宽度不固定，但是我们又需要渐变的颜色来显示，通常是用一个背景图片重复，缺点就是无法控制宽度问题，作为一个不喜欢用图片的人来说，简直无法忍受啊。现在好了，完全可以...
本资源是一份名为《文字3D效果设计，css背景渐变色代码必备.rar》的压缩包，其中包含了一系列实用的CSS代码和设计技巧，可以帮助用户快速实现文字3D效果和背景渐变色设计。适用人群包括前端开发人员、网页设计师、UI...
CSS3 渐变新特性和HTML5 Canvas画布背景渐变实现方法详解 大家好，又见面了，感觉我上一篇博客对部分同学都挺有帮助的，于是我决定继续写下去，会继续的解析知识点让大家更容易理解，希望能给大家带来帮助，愿意一起...
CSS3蓝色渐变几何背景特效.zip
对于网页设计师而言，颜色渐变在网页设计中十分常见，而对于网页制作者来说，通常的方法就是把渐变切...伴随着css3的出现，实现背景颜色渐变，图片不再是唯一的实现方式,在这里面，我分别就这两种内核的浏览器进行讲解
渐变背景星星闪烁CSS3特效.zip
在看了 Lea Verou 的 CSS SECRETS 后，我受到了启发——可以用渐变背景的方式去实现。 原理很简单。最简单的颜色渐变是颜色 A 过渡到颜色 B，那么，如果将颜色 A 设置成透明色，将颜色 B 设置成刻度线颜色，不就可以...
非常实用的特效代码，可以完美运行，可以二次修改！
有兴趣刚需的可以自己下载，非常实用的代码，可以完美运行，有能力的还可以二次修改！
我发现css3的背景渐变中的透明度可以解决这个问题（前提是背景渐变的颜色是相近的）。 我在这里简单说一下css3背景渐变中的线性渐变。线性渐变的一般结构是： 复制代码代码如下: background-image: linear