CSS图片边框样式效果<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln
CSS图片边框样式效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>www.v404.cn</title>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/css>
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #666666; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: "Trebuchet MS", Georgia, Verdana, serif
}
.photo .photo {
FLOAT: left; MARGIN-BOTTOM: 12px; WIDTH: 185px
}
.photo A {
DISPLAY: block; FONT-SIZE: 0.85em; BACKGROUND: url(http://www.lanrentuku.com/down/js/images/12451161910.png) #fff no-repeat 0px 0px; COLOR: #002c79; TEXT-DECORATION: none
}
.photo A:visited {
BACKGROUND-POSITION: -371px 0px; COLOR: #7e7e7e
}
.photo A:hover {
BACKGROUND-POSITION: -185px 0px; COLOR: #c24f00
}
.photo SPAN.desc {
DISPLAY: block; TEXT-ALIGN: center
}
.photo IMG {
DISPLAY: inline; MARGIN: 11px 11px 8px; WIDTH: 163px; HEIGHT: 105px
}
.photo {
TEXT-ALIGN: center
}
.photo .photos-3 {
MARGIN: auto; WIDTH: 555px
}
</STYLE>
<META content="MSHTML 6.00.2900.2802" name=GENERATOR></HEAD>
<BODY><br /><br />
<DIV class=photo>
<DIV class=photos-3>
<SPAN class=photo><A class=thumb href="#"><IMG src="http://www.lanrentuku.com/down/js/images/12451161911.png" border=0> </A></SPAN>
<SPAN class=photo><A class=thumb href="#"><IMG src="http://www.lanrentuku.com/down/js/images/12451161911.png" border=0> </A></SPAN>
<SPAN class=photo><A class=thumb href="#"><IMG src="http://www.lanrentuku.com/down/js/images/12451161911.png" border=0> </A></SPAN>
</DIV></DIV>
</P></CENTER></BODY></HTML>