关于css3 渐变色

渐变色在现在来说非常的常用：（注意渐变色只能给背景加 不能给边框加）

方法：-webkit-linear-gradient() 括号里面第一个值为渐变色的开始方向，第二个值为开始的颜色，中间用逗号隔开 可以写很多个颜色

   第一个为浏览器的兼容性

-webkit-：为谷歌浏览器

-moz-：为火狐

 

例如：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 200px;
				height: 300px;
				background: -webkit-linear-gradient(top, #000,#fff);
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
</html>




　　






	
posted on 
2018-12-13 20:51 
许盼圆 
阅读(124) 
评论(0) 
 
收藏 
举报