码迷,mamicode.com
首页 > Web开发 > 详细

CSS背景色渐变

时间:2014-12-11 18:57:33      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:style   ar   color   os   sp   for   div   art   bs   

 
试了下 渐变色  ,主要确定开始位置  结束位置,以及对应的color-stop;  以下是兼容不同浏览器的代码片段
 
 
 
代码:
<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> 

用CSS是div颜色渐变:<br />
<div class="jb_keleyi_com">从绿到红<br /><br />keleyi.com</div> 

CSS背景色渐变

标签:style   ar   color   os   sp   for   div   art   bs   

原文地址:http://www.cnblogs.com/landynn/p/4158122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!