当前位置: 代码迷 >> HTML/CSS >> CSS相本简洁样式
  详细解决方案

CSS相本简洁样式

热度:55   发布时间:2012-10-09 10:21:45.0
CSS相册简洁样式

效果:

?

------------------------------------------------------

?

?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS相册简洁样式</title>

<style type="text/css">
	table {
		margin: 10px;
		float: left;
	}

	div {
		clear: both;
	}
</style>

</head>

<body>

	<table cellspacing="0" cellpadding="0" border="0" align="center">
		<tbody>
			<tr>
				<td><img border="0" src="img/pbtl.gif"></td>
				<td background="img/pbtc.gif"></td>
				<td><img border="0" src="img/pbtr.gif"></td></tr>
			<tr>
				<td background="img/pblc.gif"></td>
				<td style="padding: 4px;"><a href="#"><img border="0" style="border: 1px solid rgb(187, 187, 187);" src="pic/h.jpg"></a></td>
				<td background="img/pbrc.gif"></td>
			</tr>
			<tr>
				<td><img border="0" src="img/pbbl.gif"></td>
				<td background="img/pbbc.gif"></td>
				<td><img border="0" src="img/pbbr.gif"></td>
			</tr>
		</tbody>
	</table>

</body>
</html>

?附件:img.rar (5.1 KB) 是相册所用到的边框

  相关解决方案