div+css背景渐变色代码示例
建站知识 2021-07-03 08:43www.168986.cn长沙网站建设
这个示例代码就是上面是红色，狼蚁网站SEO优化是黑色，渐变色的。
<style type="text/css">
#round {
height: 200px;
width:100px;
margin:0px auto;
background-image: -moz-linear-gradient(, #F00, #000);
background-image: -webkit-gradient(linear, left , left bottom, color-s(0, #F00), color-s(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(, #F00, #000);
background-image: -webkit-gradient(linear, left , left bottom, color-s(0, #F00), color-s(1,#000));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00', endColorstr='#000', GradientType='0');
}
</style>
<div id="round"></div>
演示效果图