Css模仿IGoogle模塊樣式（無圖片純樣式控制）

<STYLE type=text/css>   
    div,body,h3{ padding:0; margin:0;}   
    .DemoDiv,.DemoDivOn { width: 32%; min-width:200px; height: 300px; padding:20px;}   
    .xb1,  .xb2,  .xb3,  .xb4,  .xb5,  .xb6,  .xb7 { display: block; overflow: hidden; }   
    .xb1,  .xb2,  .xb3,  .xb5,  .xb6 { height: 1px; }           
    .xb1 { margin: 0 5px; background: #cfe2e5; }   
    .DemoDivOn .xb1 { margin: 0 5px; background: #61a4b0; }   
    .xb2 { margin: 0 3px; border-width: 0 2px; }   
    .xb3 { margin: 0 2px; }   
    .xb4 { height: 2px; margin: 0 1px; }   
    .xb5 { margin: 0 3px; border-width: 0 2px; }   
    .xb6 { margin: 0 2px; }   
    .xb7 { height: 2px; margin: 0 1px; }           
    .xb2,  .xb3,  .xb4 { background: #aad9e2; border-left: 1px solid #cfe2e5; border-right: 1px solid #cfe2e5; }   
    .xb5,  .xb6,  .xb7 { background: #ffffff; border-left: 1px solid #cfe2e5; border-right: 1px solid #cfe2e5; }   
    .DemoDivOn .xb2, .DemoDivOn .xb3, .DemoDivOn .xb4 { background: #aad9e2; border-left: 1px solid #61a4b0; border-right: 1px solid #61a4b0; }   
    .DemoDivOn .xb5, .DemoDivOn .xb6, .DemoDivOn .xb7 { background: #ffffff; border-left: 1px solid #61a4b0; border-right: 1px solid #61a4b0; }           
    .xboxcontent{display: block;  background: #FFFFFF; border: 0 solid #cfe2e5; border-width: 0 1px;}           
    .DemoDivOn .xboxcontent { border: 0 solid #61a4b0;border-width: 0 1px; }   
    .xtop { display: block; background: transparent; font-size: 1px; }   
    .xbottom { display: block; background: transparent; font-size: 1px; }   
    h3 { height: 20px; font-size: 12px; background: #aad9e2; text-indent: 10px; color: #2c6e91; font-weight: bolder;}   
    .content { padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; }           
</STYLE>   


<DIV class=DemoDiv onmouseover="this.className='DemoDivOn'" onmouseout="this.className='DemoDiv'">   
    <B class=xtop><B class=xb1></B><B class=xb2></B><B class=xb3></B><B class=xb4></B></B>   
    <DIV class=xboxcontent>   
        <H3>谷歌資訊</H3>   
        <DIV id=content class=content>   
            兩江傳媒網 因洪水吉林7000化工原料桶漂入松花江 水質受影響有限 - 新浪網 7月28日，吉林省永吉縣境內發生特大洪水，7千只化工原料桶被沖入松花江，經檢查，松花江水質受影響有限。   
            受暴雨影響，7月28日，吉林省永吉縣境內發生特大洪水，永吉縣經濟開發區新亞強化工廠一批裝有三甲基一氯 ...... 查看相關報道 ? 中國山東網 記者因曝上市公司內幕遭通緝   
            - 新浪網 27日，一則有關“經濟觀察報記者因報道上市公司關聯交易內幕遭全國通緝”的微博(http://t.sina.com.cn)消息引爆網絡。 發帖者稱，經濟觀察報記者仇子明因為報道了上市公司凱恩公司(002012)關聯交易內幕，被凱恩   
            ...... 查看相關報道 ? 新浪網 直擊欒川大橋垮塌救援現場：家屬接遇難者回家 - 中新網 7月24日，河南省欒川縣潭頭鎮湯營伊河大橋，遭受特大洪水導致橋體發生整體垮塌，人員傷亡慘重。   
        </DIV>   
    </DIV>   
    <B class=xbottom><B class=xb7></B><B class=xb6></B><B class=xb5></B><B class=xb1></B></B>   
 </DIV>   

</PRE>