CSS实现渐变色

最新推荐文章于 2024-09-19 16:37:46 发布

灵活大胖子

最新推荐文章于 2024-09-19 16:37:46 发布

阅读量229

点赞数 1

分类专栏：前端HTML+CSS+JS系列文章标签：渐变色

本文链接：https://blog.csdn.net/weixin_43972758/article/details/117463233

版权

前端HTML+CSS+JS系列专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head lang="en">
 		<meta charset="UTF-8">
 		<title></title>
	</head>
	<style>
	*{
		padding:0;
		margin:0;
	}
	.box{
		width:100px;
		height:800px
	}
	.con{
		width:600px;
		height:500px;
		margin:auto;
		background:linear-gradient(to bottom,purple,blue,cyan,green,yellow,orange,red);
	}
	</style>
	<body>
		<div class="box">
			<div class="con"></div>
		</div>
	</body>
</html>