第一步:将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));
}