利用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即可。(略)

原文地址:https://www.cnblogs.com/52net/p/2521106.html