热搜：编程 Python Microsoft 编程语言 C++

css好代码教程如何实现div背景色渐变色代码分享

发布时间：2023-02-24 22:25:16 来源：网络

.

宁愿跑起来被拌倒无数次，也不愿规规矩矩走一辈子，就算跌倒也要豪迈的笑。不管梦想是什么，只有带着淡然的态度，做好当前的事情。

效果图：

复制代码

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a rel="nofollow noopener noreferrer" 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 rel="nofollow noopener noreferrer" 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>

以上就是css好代码教程如何实现div背景色渐变色代码分享。这世间所有的相遇，都是有原因的，每一次遇见，都是一个心愿，也许，前世有未了的情缘，所以，此生才能得以见面，所有的遇见，皆是因为相欠。更多关于css好代码教程如何实现div背景色渐变色代码分享请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： 背景色