div+css背景渐变色代码示例
发布时间：2013-06-18 17:32:28 作者：佚名 
我要评论
我要评论本示例代码就是上面是红色，下面是黑色，由上到下渐变色的可以看下效果图，感兴趣的朋友可以参考下哈
这个示例代码就是上面是红色，下面是黑色，渐变色的。
<style type="text/css">
#round {
height: 200px;
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, #F00), color-stop(1,#000));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00', endColorstr='#000', GradientType='0');
}
</style>
<div id="round"></div>
演示效果图
复制代码
代码如下:<style type="text/css">
#round {
height: 200px;
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, #F00), color-stop(1,#000));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00', endColorstr='#000', GradientType='0');
}
</style>
<div id="round"></div>
演示效果图
相关文章
这篇文章主要介绍了css 进度条的文字根据进度渐变的示例代码，介绍了进度条里面的文字需要根据进度的长度而变化，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一2018-01-09- 下面小编就为大家带来一篇css渐变色彩 省略标记 嵌入字体 文本阴影全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-05
- 这篇文章主要以模拟渐变色条实例，针对CSS3 HSLA色彩模式进行介绍，使用HSLA色彩模式，可以设计不同的透明效果，感兴趣的小伙伴们可以参考一下2016-04-26
- 一个简单div+css背景渐变色代码，大家参考使用吧2013-12-27
- 多组div排列着圈子，利用css的hover属性产生色层渐变，只要拷贝一段很简单的html和css就可以实现2013-12-18
这篇文章主要介绍了CSS Tips：段落每行渐变色文本效果的实现方法,需要的朋友可以参考下2018-03-07
最新评论