<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的布局-图像签名)
最新推荐文章于 2023-11-23 15:12:44 发布