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

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

.HomeCon

{

     border:border:1px solid dimgray;

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

}

其中

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

StartColorStr表示渐变开始颜色

EndColorStr表示渐变结束颜色

firefox支持的渐变样式

.HomeCon

{

background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));

}

原文地址:https://www.cnblogs.com/zcttxs/p/2546356.html