CSS3 背景

最新推荐文章于 2023-06-20 20:49:20 发布

CopperDong

最新推荐文章于 2023-06-20 20:49:20 发布

阅读量242

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/QFire/article/details/83241583

版权

前端专栏收录该内容

71 篇文章 1 订阅

订阅专栏

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8"/>
	<title>shi</title>
	<style type="text/css">
		.demo {
			width: 400px;
			height: 200px;
			border: 20px solid rgba(104, 104, 142, 0.5);
			border-radius: 10px;
			padding: 80px 60px;
			color: #f36;
			font-size: 25px;
			line-height: 1.5;
			text-align: center;
		}
		.multipleBg {
			background: url('bg-tl.png') no-repeat left top,
						url('bg-tr.png') no-repeat right top,
						url('bg-bl.png') no-repeat left bottom,
						url('bg-br.png') no-repeat right bottom,
						url('bg-repeat.png') repeat left top;
			background-clip: border-box;
		}
	</style>
</head>
<body>
	<div class="demo multipleBg">我是
	</div>

</body>
</html>