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

前端技术 2023/09/07 CSS

效果图：


复制代码
代码如下:

<!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>

本文地址：https://www.stayed.cn/item/17884

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案