CSS渐变
2015-11-14 00:24
453 查看
用网页技术CSS实现网页背景渐变的四种代码设置。
一、从上往下渐变
以下为引用的内容:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
以下为引用的内容:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
以下为引用的内容:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
以下为引用的内容:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
一、从上往下渐变
以下为引用的内容:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、从左上至右下渐变
以下为引用的内容:
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、从左往右渐变
以下为引用的内容:
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、从上往下渐变
以下为引用的内容:
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
相关文章推荐
- css3 gpu加速
- css相对定位绝对定位和内容居中详解
- css兼容性问题
- 常用css
- CSS笔记
- CSS制作照片墙
- CSS基础学习九:伪类
- css实现背景渐变色效果
- 关于css中 line-height 在ie中和在chrome中错位的问题
- 代码:css3动画效果demo
- 《Programming WPF》翻译 第6章 2.资源与样式
- 《Programming WPF》翻译 第5章 5.数据模板和样式
- 《Programming WPF》翻译 第5章 4.元素类型样式
- 《Programming WPF》翻译 第5章 2.内嵌样式
- 《Programming WPF》翻译 第5章 1.不使用样式
- CSS侧边栏,ng-click定义选中事件
- WPF笔记(1.9 样式和控件模板)——Hello,WPF!
- 8.1.5 CSS3文字(2)( 字体 )
- CSS 伪类与伪元素
- css代码之所以初始化