利用CSS实现渐变效果,使网站更美观

第一步:将CSS主要代码封装进单独文件(方便重复利用)

.HomeCon

{

     border:border:1px solid dimgray;

     filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= #284775, EndColorStr=#cccccc);

}

其中

GradientType设置为0表示垂直渐变(从上到下);设置为1则表示水平渐变(从左到右)。

StartColorStr表示渐变开始颜色

EndColorStr表示渐变结束颜色

 

第二步:在要应用的地方引用CSS即可。(略)

posted @ 2012-05-28 11:49  爱智旮旯  阅读(218)  评论(0编辑  收藏  举报