div+css背景渐变色代码示例

来源：懂视网责编：小采时间：2020-11-27 15:42:57

div+css背景渐变色代码示例

div+css背景渐变色代码示例:用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。代码：<style type="text/css"> .jbkeleyi{ height: 300px; width:100px; margin:0px auto; background-image: -moz-linear-gradient(

推荐度：

点击下载本文 文档为doc格式

导读div+css背景渐变色代码示例:用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。代码：<style type="text/css"> .jbkeleyi{ height: 300px; width:100px; margin:0px auto; background-image: -moz-linear-gradient(

用CSS使DIV背景颜色渐变,适用于IE和Chrome等浏览器。

代码：

<style type="text/css"> 
.jbkeleyi{ 
height: 300px; 
width:100px; 
margin:0px auto; 
background-image: -moz-linear-gradient(top, #F00, #000); 
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> 
</head>
<body>
用CSS是p颜色渐变：<br />
<p class="jbkeleyi">从绿到红<br /><br />keleyi.com</p>

效果图：

另外多浏览器兼容代码：

FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f8); /*IE*/

background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));/*谷歌*/

HTML5 Canvas：绘制渐变色

css按钮渐变色

css渐变色彩省略标记嵌入字体文本阴影的详细介绍

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com