div+css背景渐变色代码

作者: 你知道我梦着
来源: 51数据库
2022-08-15

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.51sjk.com/Upload/Articles/1/0/321/321511_20220815170000499.jpg">
<head>
    <title>CSS使背景颜色渐变--柯乐义</title>
<style type="text/css"> 
.jb_keleyi_com{ 
height: 300px; 
width:100px; 
margin:0px auto; 
background-image: -moz-linear-gradient(top, #00FF00, #FF0000); /*火狐*/
background: -o-linear-gradient(top, #00FF00 0%,red 100%);/*Opera*/
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1,#FF0000)); /*Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FF00', endColorstr='#FF0000', GradientType='0'); /*IE*/
} 
</style>

</head>
<body>
用CSS是div颜色渐变，<a href="http://keleyi.com/a/bjac/cp4alo5k.htm" target="_blank">原文</a>：<br />

<div class="jb_keleyi_com">从绿到红<br /><br />keleyi.com</div> 
</body>
</html>

推荐阅读