全力以赴每一天

HTML 原始碼：

ul {
position:relative;
width:400px;
height:50px;
margin-left:auto;
margin-right:auto;
}

li {
float:left;
display:block;
width:50px;
height:50px;
margin:0;
padding:0;
list-style-type:none;
}

li a {
display:block;
width:50px;
height:50px;
}

li a span {
position:absolute;
top:50px;
left:40px;
}

a:link {
color: #0066CC;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #CC0000;
font-weight: bold;
}

li.liyahui a {background-image:url(picoff.jpg);}
li.liyahui a:hover {background-image:url(picon.jpg);}
li.liyahui a span {margin-top:25px; margin-left:25px;}

<ul>
<li><a href="http://"><span>Li Ya-Hui</span></a></li>
</ul>

依此類推～

範例網頁