CSS图片边框效

2013-10-14 05:23:48 -0700

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

代码演示

«Newer Older»

Back to home

Subscribe | Register | Login | N