CSS3 背景属性 backgrund-clip

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.bordertest {
			border: 30px solid red;
		/* 	background: green; */
			background-clip:content-box;
			width:500px;
			height:300px;
						}
		</style>
	</head>
	<body>
		<div class="bordertest">
			<hr>xxxxxxxxxxxxxx
			<hr>xxxxxxxxxxxxxx
			<hr>xxxxxxxxxxxxxx
			<hr>xxxxxxxxxxxxxx
			<hr>xxxxxxxxxxxxxx
			<hr>xxxxxxxxxxxxxx
		</div>
	</body>
</html>

CSS3 背景属性 backgrund-clip
backgrund-clip有三个属性，限定背景出现的区域
默认为padding-clip

2021-11-07
2021-07-19
2022-12-23
2021-10-15
2022-12-23
2021-10-29
2021-12-15
2022-12-23