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

方法：-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. oracle网络服务之beq协议和SDU优化（性能提升可达30%）
			
    oracle网络服务之beq协议和SDU优化(性能提升可达30%) 12.3.1  BEQ协议 如果Oracle数据库服务端和客户端在同一台机器上,可以使用BEQ连接,BEQ连接采用进程间直接通信,不 ...
    
			
    2. 
						
  2. Java线程池ThreadPoolExecutor原理和用法
			
    1.ThreadPoolExecutor构造方法 public ThreadPoolExecutor(int corePoolSize,int maximumPoolSize,long keepAli ...
    
			
    3. 
						
  3. Linux学习方法和心态
			
    如果单纯是为了架站,那我就可以毕业了. 成就感+兴趣=学习的动力. 不同的环境下,解决问题的办法有很多种,只要行得通,都是好方法. Distribution 安装 熟悉Shell环境 Shell脚本  ...
    
			
    4. 
						
  4. JDBC——Java语言连接数据库的标准
			
    JDBC概述 API JDBC(Java DataBase Connectivity,java数据库连接)是一种用于执行SQL语句的Java API,可以为多种关系数据库提供统一访问,它由一组用Jav ...
    
			
    5. 
						
  5. Linux 系统调用(system call)
			
    1 系统调用:(SYSTEM CALL) 操作系统(operating system)内核中有一组实现系统功能的过程,系统调用就是对上述过程的调用.程序员利用系统调用,向OS提出服务请求,由OS代为完 ...
    
			
    6. 
						
  6. 安全检查，Windows更新出现8024402F错误如何解决
			
    背景,每个月都要进行例行检查,需要更新windows补丁包,病毒库等操作,谁知今天windows报错了: windows 代码8024402f 错误,原因是更新日志和缓冲出了问题. 解决步骤 : 1. ...
    
			
    7. 
						
  7. zabbix触发器表达式
			
    zabbix触发器表达式 触发器使用逻辑表达式来评估通过item获取的数据是处于哪种状态, 触发器中的表达式使用很灵活,我们可以创建一个复杂的逻辑测试监控,触发器表达式形式如下: {<serve ...
    
			
    8. 
						
  8. golang协程踩坑记录
			
    1.主线程等待多个协程执行完毕后,再执行下面的程序.golang提供了一个很好用的工具. sync.WaitGroup下面是个简单的例子. 执行结果: 2.主线程主动去结束已经启动了的多个协程.执行结 ...
    
			
    9. 
						
  9. GC知识记录
			
    2.关于Minor GC,Major GC与Full GC 1)  Minor GC:即新生代的GC,指发生在新生代的垃圾收集动作.当新生代的Eden区内存不足时,就会触发Minor GC.由于对象创 ...
    
			
    10. 
						
  10. vim 复制粘贴
			
    首先进入块模式 Ctrl+ v 使用按键j/k/h/l进行选中多列 使用按键y进行复制 在insert模式下:使用按键p进行粘贴
    
			
    11.