css3背景色渐变
2015-09-09 13:46
585 查看
<style>
.test {
width: 200px;
height: 200px;
background: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8fa1ff), color-stop(1, #3757fa)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fa1ff', endColorstr='#3757fa', GradientType='0'); /* IE*/
}
</style>
<div class="test"></div>
.test {
width: 200px;
height: 200px;
background: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8fa1ff), color-stop(1, #3757fa)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fa1ff', endColorstr='#3757fa', GradientType='0'); /* IE*/
}
</style>
<div class="test"></div>
相关文章推荐
- 处理文字过长显示超出解决方案(纯css解决)
- 彻底弄懂css中单位px和em,rem的区别
- CSS float属性
- css 实现table 隔行变色
- 如何将样式表加入您的网页
- 一个简单的poster样式
- css clear的理解
- textarea设置css
- css实现文字环绕
- 数据库中的文本如果有标签应该在往网页上显示前先把标签和样式都过滤掉
- 修改sharepoint列表样式
- table中td与td显示细线
- CSS3动画制作的简单示例
- css 鼠标提示样式预览表[转]
- CSS3中box-shadow的用法介绍
- 举例详解CSS中的的优先级
- 举例详解CSS中的继承
- CSS选择器的浏览器支持
- CSS温故第三天【样式】-链接 表格
- W3ShcoolHTML/CSS学习笔记精华版