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

方法：-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>





　　
												


											
关于css3 渐变色的更多相关文章
	

    
								
  1. css3 渐变色
		
    Firefox可以使用角度来设定渐变的方向,而webkit只能使用x和y轴的坐标. 渐变可以创建类似于彩虹的效果,低版本的浏览器使用图片来实现,CSS3将会轻松实现网页渐变效果 粘贴代码 <di ...
    
		
    2. 
						
  2. css3 渐变色兼容移动端
		
    .group_1 background #1a78f3 // 兼容不显示渐变色的浏览器 background: linear-gradient(180deg, #1a78f3 , #fff); bac ...
    
		
    3. 
						
  3. css3渐变色实现小功能  ------ css(linaer-gradient)
		
    由沿直线两种或多种颜色之间的渐进转换的图像.它的结果是数据类型的对象,这是一种特殊的类型. 与任何梯度一样,线性梯度没有内在维度 ; 即,它没有天然或优选的尺寸,也没有优选的比例.其具体尺寸将与其适用 ...
    
		
    4. 
						
  4. css3渐变色字体
		
    \3cspan id="mce_marker" data-mce-type="bookmark">\3c/span>\3cspan id=" ...
    
		
    5. 
						
  5. CSS3图片倒影技术实现及原理
		
    CSS3图片倒影技术实现及原理 目前为止我们已经探讨了很多CSS3中的新功能和新特征.除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏 ...
    
		
    6. 
						
  6. CSS3实现背景颜色渐变
		
    CSS3渐变色生成网站:http://gradients.glrzad.com/ 本文参考:前端设计之用CSS3做线性渐变效果http://webskys.com/css3/10.html 在CSS3 ...
    
		
    7. 
						
  7. CSS3 外发光 渐变色
		
    渐变色--线性渐变 linear-gradient #bg { width: 100%; background: -webkit-linear-gradient(#9f1c65, #d89068,#7 ...
    
		
    8. 
						
  8. 【CSS3】---颜色RGBA及渐变色
		
    颜色之RGBA RGB是一种色彩标准,是由红(R).绿(G).蓝(B)的变化以及相互叠加来得到各式各样的颜色.RGBA是在RGB的基础上增加了控制alpha透明度的参数. 语法: color:rgba ...
    
		
    9. 
						
  9. Css3 圆角和渐变色问题(IE9)
		
    border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#569B0E', endC ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Yii1操作phpexcel
			
    Yii::import('application.vendors.phpexcel.*'); Yii::import('application.vendors.phpexcel.PHPExcel.*' ...
    
			
    2. 
						
  2. python操作字符串类型json的注意点
			
    python操作json的方法有json.dumps——将json对象(字典)转换为字符串对象json.loads——将字符串对象转换为json对象(字典)如果定义json对象jsonstring1= ...
    
			
    3. 
						
  3. postgresql开启网络连接
			
    默认情况下,postgresql是只允许localhost连接的,如果需要使用远程连接,需要修改两个配置文件. postgresql.conf 和 pg_hba.conf 在postgresql.co ...
    
			
    4. 
						
  4. 解决 Invalid character found in method name. HTTP method names must be tokens 异常信息
			
    一个线上环境出现异常,不是spring boot. 解决方法: server.xml中加上maxHttpHeaderSize="8192" springBoot 1.x则是在app ...
    
			
    5. 
						
  5. Selenium及Headless Chrome抓取动态HTML页面
			
    一般的的静态HTML页面可以使用requests等库直接抓取,但还有一部分比较复杂的动态页面,这些页面的DOM是动态生成的,有些还需要用户与其点击互动,这些页面只能使用真实的浏览器引擎动态解析,Sel ...
    
			
    6. 
						
  6. 动态令牌验证遇到的问题（判断用户长按backspace键）
			
    因为最近负责泰康项目的前端工作,他们的登录需要进行安全验证,也就是所谓的双因素验证,即在OA平台登录过后,还需要安全部门发送安全令牌进行验证.令牌验证效果如下: 主要功能有:1.默认第一项focus. ...
    
			
    7. 
						
  7. eclipse中出现An internal error occurred during: "Initializing Java Tooling"
			
    关于这个问题我查了一下,就是删除.projct文件夹下的文件. 自己试了一下,这个可以及解决问题可是会出现新的问题. 1.SVN关联没了,这样做你的svn信息都没了,项目还要重新导一遍 2.出现了新的 ...
    
			
    8. 
						
  8. eclipse juint4 出错！！！
			
    今天在学习javaee,调用方法的时候突然出现这个错误,之前还好使,调用了几次就不好使了,我查了很多问题,据说是harmcrest的jar包没有导进来,或者是junit的jar包版本太低了,我过段时间 ...
    
			
    9. 
						
  9. bzoj3527: [Zjoi2014]力 fft
			
    bzoj3527: [Zjoi2014]力 fft 链接 bzoj 思路 但是我们求得是 \(\sum\limits _{i<j} \frac{q_i}{(i-j)^2}-\sum_{i> ...
    
			
    10. 
						
  10. BZOJ-1721|线性dp-缆车支柱
			
    Ski Lift 缆车支柱 Description Farmer Ron in Colorado is building a ski resort for his cows (though budge ...
    
			
    11.