网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/5/8 浏览:3 次 )
这个示例代码就是上面是红色,下面是黑色,渐变色的。

复制代码代码如下:
<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>

演示效果图
div+css背景渐变色代码示例
上一篇:仿网易nec首页动画效果(实现原理+代码)
下一篇:html页面高度不固定在不同浏览器下的兼容性设置
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网