念 头

最近有一个念头，就是把网站文章列表主体改成类似CMS模式的布局。因为这个站的主题内容是外汇黄金交易，时不时又搞一篇网站技术方面的文章显得有些不伦不类，一方面自己喜欢去学习，一方面又不想杂糅在一起，所以想把列表再分成两栏布局，这样一栏就是与交易相关的，一栏就是网站技术方面。
回到正题，这个效果是对背景颜色的控制，渐变效果有三种，如下：(不适用于IE浏览器)

横向线性渐变

#linearBg1 {
    height: 100px;
    background-color: #1a82f7;
    background-image: -moz-linear-gradient(100% 100% 180deg, #2F2727, #1a82f7) !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)) !important;   
}

横向线性渐变

#linearBg2 {
    height: 100px;
    background-color: #1a82f7; /* fallback color */    
    background-image: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
}

放射性渐变

#radialBg {
    width: 100px;
    height: 100px;
    background-color: #1A82F7;
    background-position: center center;
    background-image: -moz-radial-gradient(center center 45deg, circle closest-corner, #1A82F7 0%, #2F2727 100%);
}