css教程实现div背景色渐变色代码分享
效果图:
复制代码代码如下:
!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd/a>
">
html XMlns="a href="http://www.w3.org/1999/xhtml">
http://www.w3.org/1999/xhtml/a>
">
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>
/p>
p>
/head>
body>
用CSS是div颜色渐变
/p>
p>
div class="jb_keleyi_com">
从绿到红
keleyi.COM/div>
/body>
/html>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css教程实现div背景色渐变色代码分享
本文地址: https://pptw.com/jishu/584918.html