2、完成以下样式。注意opacity的使用。

最新推荐文章于 2024-07-16 15:22:31 发布

ptsph

最新推荐文章于 2024-07-16 15:22:31 发布

阅读量403

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/li_yuan_long/article/details/80043142

版权

CSS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#img1{
				position: absolute;
				top: 10px;
				left: 10px;
			}
			#img2{
				position: absolute;
				top: 30px;
				left: 30px;
			}
			#img3{
				position: absolute;
				top: 50px;
				left:50px;
			}
			#img4{
				position: absolute;
				top: 70px;
				left: 70px;
			}
			#img5{
				position: absolute;
				top: 90px;
				left: 90px;
				/*设置透明度*/
				opacity:0.8;
			}
		</style>
	</head>
	<body>
		<img id="img1" src="../images/10.gif" />
		<img id="img2" src="../images/j.gif" />
		<img id="img3" src="../images/q.gif" />
		<img id="img4" src="../images/k.gif" />
		<img id="img5" src="../images/a.gif" />
	</body>
</html>