本文介绍了如何使用CSS滤镜属性实现渐变效果，包括横向和纵向渐变的具体设置方法。通过调整gradientType属性值，可以轻松地在网页设计中实现丰富的视觉效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
body {
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<style type="text/css">
body {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#87CEFF', EndColorStr='#F2F2F2' );
}
</style>
</head>
<body>
<p>gradientType=1代表横向渐变，gradientType=0代表纵向淅变
渐变效果实现：filter:progid:DXImageTransform.Microsoft.gradient
<br/>(eg: startcolorstr=#FF0000,endcolorstr=#FFCC66,gradientType=1)
</p>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
