利用CSS实现渐变效果,使网站更美观
2012-05-28 11:49
357 查看
第一步:将CSS主要代码封装进单独文件(方便重复利用)
.HomeCon
{
border:border:1px solid dimgray;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= #284775, EndColorStr=#cccccc);
}
其中
GradientType设置为0表示垂直渐变(从上到下);设置为1则表示水平渐变(从左到右)。
StartColorStr表示渐变开始颜色
EndColorStr表示渐变结束颜色
第二步:在要应用的地方引用CSS即可。(略)
.HomeCon
{
border:border:1px solid dimgray;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= #284775, EndColorStr=#cccccc);
}
其中
GradientType设置为0表示垂直渐变(从上到下);设置为1则表示水平渐变(从左到右)。
StartColorStr表示渐变开始颜色
EndColorStr表示渐变结束颜色
第二步:在要应用的地方引用CSS即可。(略)
相关文章推荐
- 利用CSS实现渐变效果,使网站更美观
- Css利用js的expression实现的效果
- css实现背景渐变效果
- CSS实现横条或竖条或背景色渐变效果
- CSS实现兼容性的渐变背景(gradient)效果
- css渐变效果的实现
- CSS实现文本渐变效果
- .net MVC框架下利用CSS+js实现loading效果
- 纯CSS实现的大小渐变、渐远效果
- CSS实现文本渐变效果
- 利用渐变实现书本的效果
- JS+CSS实现六级网站导航主菜单效果
- 利用纯css实现图片翻转的效果
- 总结几个利用css中的expression对象实现的效果
- 初识网站前端--用简单的HTML+CSS+js实现的选项卡切换效果
- CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器
- .net MVC框架下利用CSS+js实现loading效果
- JS+DIV+CSS排版布局实现美观的选项卡效果
- 利用css和js实现页面的标签效果。(标签个数可以动态变化)
- .net MVC框架下利用CSS+js实现loading效果