使用CSS padding 属性分别定义4个边示例 -- CSS教程

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>使用CSS padding 属性分别定义4个边示例</title>
		<style type="text/css" media="all">
			p#p1
			{
				padding-top:100px;
				border:thick solid green;
			}		
			p#p2
			{
				padding-bottom:10px;
				border:thick solid red;
			}	
			p#p3
			{
				padding-left:20%;
				border:thick solid orange;
			}	
		</style>
	</head>
	<body>
		梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,<a href="http://www.dreamdu.com/css/property_padding-top/">padding-top</a>,<a href="http://www.dreamdu.com/css/property_padding-right/">padding-right</a>,<a href="http://www.dreamdu.com/css/property_padding-bottom/">padding-bottom</a>,<a href="http://www.dreamdu.com/css/property_padding-left/">padding-left</a>示例.
		定义了内容与上边内补白为100px,padding-top:100px;
		定义了内容与下边内补白为10px,padding-bottom:10px;
		定义了内容与左边内补白为块的20%,padding-top:20%;
	</body>
</html>