手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >div+css背景渐变色代码示例
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>

演示效果图

1

【div+css背景渐变色代码示例】相关文章:

自适应宽度的div+css示例

CSS+DIV实现鼠标经过背景变色

CSS控制图片、表格、背景颜色渐变示例

CSS3制作ajax loader icon实现思路及代码

css3 线性渐变和径向渐变示例附图

css中style和class的加载顺序示例介绍

网页头部css代码优化实例

css控制div中元素居中的示例

css 的border属性改变hr颜色小示例

通过css加载远程字体示例代码

精品推荐
分类导航