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

方法：-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. Linux 主要目录速查表
			
    /:根目录,一般根目录下只存放目录,在 linux 下有且只有一个根目录,所有的东西都是从这里开始 当在终端里输入 /home,其实是在告诉电脑,先从 /(根目录)开始,再进入到 home 目录 /b ...
    
			
    2. 
						
  2. 根据RadioButtonList动态显示隐藏Div
			
    使用场景 今天在写项目的时候遇到一个需求,注册页面,用户先选择类型继而填表单,所以需要根据选择切换表单,使用的前端框架是MiniUI,但是在实现这个功能的时候mini.get()方法无法得到div元素 ...
    
			
    3. 
						
  3. 02：安装 Kerberos
			
    1.1 环境介绍   参考博客:https://www.cnblogs.com/xiaodf/p/5968178.html https://www.douban.com/note/701660289/ ...
    
			
    4. 
						
  4. oracle中新建用户和赋予权限
			
    1.新建个用户 create user xxxxx(用户名) identified by "密码" alert user 用户名 identified by “新密码” --修改用 ...
    
			
    5. 
						
  5. 关于py的思考
			
    1.我希望py课程应该涉及到如何提高编程效率,因为已经c的编程基础,不是特别在意怎么用py,而是在意怎么用得更好 2.基本技能的话,掌握好各类基本函数的用法 3.理论课精讲,实验课独立操作,并把出现的 ...
    
			
    6. 
						
  6. 王之泰/王志成《面向对象程序设计（java）》第十一周学习总结
			
    第一部分:理论知识学习部分 第十一章理论知识主要为集合类的介绍,在实验中都有所体现且本周主要复习回顾上周的泛型程序设计 第二部分:实验部分 ——集合 1.实验目的与要求 (1) 掌握Vetor.Sta ...
    
			
    7. 
						
  7. mac 使用iTerm2快捷登录远程服务器
			
    mac 使用iTerm2快捷登录远程服务器 正常使用ssh登录服务器: ssh -p port user@host user@host's password: 输入端口,用户名,服务器ip地址后,还需 ...
    
			
    8. 
						
  8. 用JSON.stringify处理循环引用对象
			
    通常,我们会用JSON.stringify把Javascript对象序列化成JSON格式,这在大多数情况下是够用的.但是,当你要转换的对象里存在循环引用时,问题就来了. js对象循环引用导致内存泄漏  ...
    
			
    9. 
						
  9. Jmeter接口测试实例
			
    此文章作为工作中用到的jmeter接口测试相关内容简述,方便日后查阅参考,如有理解描述有误之处,欢迎指出. 首先Jmeter环境准备网上有很多教程,在此不多做赘述: 1.接口简述 接口可理解为从客户端 ...
    
			
    10. 
						
  10. Codeforces 803 G. Periodic RMQ Problem
			
    题目链接:http://codeforces.com/problemset/problem/803/G 大致就是线段树动态开节点. 然后考虑到如果一个点还没有出现过,那么这个点显然未被修改,就将这个点 ...
    
			
    11.