我是靠谱客的博主 激动纸飞机,最近开发中收集的这篇文章主要介绍04-linear-gradient.html(线性渐变),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<!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>

 

最后

以上就是激动纸飞机为你收集整理的04-linear-gradient.html(线性渐变)的全部内容,希望文章能够帮你解决04-linear-gradient.html(线性渐变)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(53)

评论列表共有 0 条评论

立即
投稿
返回
顶部