<style type="text/css">
ul.photo {
list-style-type :none;
width:60%;margin:0px 0px;
padding:0px;
}
ul.photo li{
float:left;
width:140px;
height:120px;
text-align: center;
overflow: hidden;
display:inline;
}
ul.photo li img{
width:120px;
height:90px;
margin:2px;
padding:4px;
background: #eee;
color:#f60;
border: solid 1px #ddd;
}
ul.photo li a:hover img {
background:#fff;
color:#f60;
padding:4px;
border: solid 1px #FF9A33;
}
ul.photo li b{
float:left;
width:100%;
font-style:normal;
text-align: center;
height:15px;
overflow:hidden;
}
</style>
<ul class='photo'>
<li>
<a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' />
</a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
<li>
<a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
<li>
<a href='Photo.asp?To=Show&ID={编号}'><img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a><b style='color:{标题颜色}'>{标题}</b></li>
<li><a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' />
</a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
<li><a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
<li><a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
<li><a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
<li><a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a>
<b style='color:{标题颜色}'>{标题}</b></li>
<li><a href='Photo.asp?To=Show&ID={编号}'>
<img src='{缩图}' onerror='this.src="img/nopic.gif"' alt='人气值：{阅读次数}' /></a>
<b style='color:{标题颜色}'>{标题}</b>
</li>
</ul>