效果图

<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>