017多背景+背景半透明

最新推荐文章于 2023-03-13 16:11:59 发布

陀陀吖

最新推荐文章于 2023-03-13 16:11:59 发布

阅读量144

点赞数

分类专栏： h5c3

本文链接：https://blog.csdn.net/weixin_40422393/article/details/89287928

版权

h5c3 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>多背景</title>
	<style>
		div{
			width: 500px;
			height: 500px;
			/*background:url(icon3.png) no-repeat top left ,url(icon3.png) no-repeat bottom;*/   /*位置给不同*/
			background-color: blue;  /*多背景颜色在背景图片下面，防止被背景图片覆盖*/

			/*盒子背景半透明*/
			/*background-color: rgba(255,0,0,.3);    里面的字不会半透明。只有背景半透明*/
			opacity: 0.5;    /*与rgba的区别在于，里面的文字也会跟着背景半透明*/
		}
		div:hover{
			/*background-position: bottom right, top left; */
		}

	</style>
</head>
<body>
	<div>123</div>
</body>
</html>

在这里插入图片描述