首页 / CSS / div+css背景渐变色代码示例
div+css背景渐变色代码示例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了div+css背景渐变色代码示例,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含926字,纯文字阅读大概需要2分钟。
内容图文
![div+css背景渐变色代码示例](/upload/InfoBanner/zyjiaocheng/396/6c948f714ed34db7b7ac25dee2905331.jpg)
代码:
<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渐变色彩 省略标记 嵌入字体 文本阴影的详细介绍
内容总结
以上是互联网集市为您收集整理的div+css背景渐变色代码示例全部内容,希望文章能够帮你解决div+css背景渐变色代码示例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。