30-CSS-12-CSS(CSS的布局-图像签名)

<html>
<head>
	<style type="text/css">
		#text{
			font-family:"华文隶书";
			font-size:24px;
			position:absolute;	/*先飘起来,再定位*/
			top:50px;	/*其有父节点,所以这里是相距父节点的距离*/
			left:10px;
		}

		#imgtext{
			border:#F60 dotted 1px;
			width:160px;
			position:absolute;	/*这里定位是为了让text盒子中内容跟着其父对象走,详见之前视频*/
			top:50px;
			left:50px;
		}
	</style>
</head>

<body>
	<div id="imgtext">
	<div id="img">
	<img src="1.jpg" />
	</div>

	<div id="text">
	我的美女!
	</div>
	</div>
</body>
</html>

你可能感兴趣的:(30-CSS-12-CSS(CSS的布局-图像签名))