04-linear-gradient.html（线性渐变）

最新推荐文章于 2025-09-19 02:30:08 发布

原创最新推荐文章于 2025-09-19 02:30:08 发布 · 231 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

26 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
	#div1{
		width: 500px;
		height: 300px;
		/* 谷歌 */
		background: -webkit-linear-gradient(top, red, green);
		/* background: -webkit-linear-gradient(top, red 10%, green 80%); */
		/* 标准属性要写在后面 */
		background: linear-gradient(top, red, green);
		/* background: linear-gradient(top, red 10%, green 80%); */
	}
</style>
</head>
<body>
	<div id="div1"></div>
</body>
</html>