div+css背景渐变色代码示例
摘要:这个示例代码就是上面是红色,下面是黑色,渐变色的。#round{height:200px;width:100px;margin:0pxaut...
这个示例代码就是上面是红色,下面是黑色,渐变色的。
<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背景渐变色代码示例】相关文章:
★ CSS3之边框多颜色Border-color属性使用示例
★ firefox中div+css的外层背景色不见的解决方法
★ CSS3制作ajax loader icon实现思路及代码
下一篇:
HTML+CSS实现漂亮的查询部件实例