纯CSS实现div背景颜色渐变

iteye_11116

于 2014-01-21 23:32:15 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/iteye_11116/article/details/82567677

css 同时被 2 个专栏收录

25 篇文章

订阅专栏

html

20 篇文章

订阅专栏

本文介绍了一种使用CSS来创建渐变背景的方法，并提供了兼容不同浏览器的具体代码示例，包括针对IE6的特殊处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS渐变色</title>
<style type="text/css">
.test {
width:560px;
height:400px;
background-color:#FFFFFF;
padding:10px 8px 6px; 
border: 1px solid #000; 
margin-bottom:10px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8);/*IE6*/
background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*非IE6的其它*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*非IE6的其它*/
}
</style>
</head>
<body>
        <div class="test">
                用CSS生成的渐变色。
        </div>
</body>
</html>

http://www.codefans.net/jscss/code/2403.shtml 写道

http://www.codefans.net/jscss/code/2403.shtml