这篇文章主要讲解了“CSS实现div背景色渐变色代码分享”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css实现div背景色渐变色代码分享”吧！效果图：代码
这篇文章主要讲解了“CSS实现div背景色渐变色代码分享”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“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%);
background-image: -WEBkit-gradient(linear, left top, left bottom, color-stop(0, #00FF00), color-stop(1,#FF0000));
filter: progid:DXImageTransfORM.Microsoft.gradient(startColorstr='#00FF00', endColorstr='#FF0000', GradientType='0');
}
</style></p>
<p></head>
<body>
用CSS是div颜色渐变
</p>
<p><div class="jb_keleyi_com">从绿到红
keleyi.com</div>
</body>
</html>
感谢各位的阅读，以上就是“css实现div背景色渐变色代码分享”的内容了，经过本文的学习后，相信大家对css实现div背景色渐变色代码分享这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！
--结束END--
本文标题: css实现div背景色渐变色代码分享
本文链接: https://www.lsjlt.com/news/77276.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0