效果图

<style><!--

.title

{

background-color:#43814A;

border-radius:4px;

padding:4px 20px;

color:#FDFDFD;

}

div,*

{margin:0;}

.bd

{

    padding-top:4px;

    padding-bottom:0px;

    clear:both;

    margin:0;

    padding:0;

    overflow:hidden;

}

.hotwords{margin:0;padding:0;}

.bd ul,.bd li

{

    list-style:none;

}

.hotwords li

{

    background: #17A2B7;

    font-size: 14px;

    float: left;

    width: 63px;

    height: 63px;

    margin: 0 8px 8px 0;

    position: relative;

    overflow: hidden;

    text-align: center;

}

.hotwords li.li_color_1

{

    background-color:#73CED6;

}

.hotwords li.li_color_0,

{

    background-color:#53AECF;

}

.hotwords li.li_0, .hotwords li.li_3, .hotwords li.li_8, .hotwords li.li_11

{

    background-color:#53AECF;

    font-size:14px;

    font-weight:bold;

    width:134px;

    

}

.hotwords li a

{

padding-top: 20.5px;

visibility: visible;

}

.hotwords li.li_0 a:link, .hotwords li.li_3 a:link, .hotwords li.li_8 a:link, .hotwords li.li_11 a:link

{

width:130px;

}

.hotwords li a:link, .hotwords li a:visited

{

display: block;

visibility: hidden;

color: white;

padding: 2px;

width: 59px;

line-height: 18px;

text-decoration: none;

font-family: "微软雅黑";

}

.hotwords li:hover

{

    background-color:black;

}

--></style>