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

方法：-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. Pandas: 使用str.replace() 进行文本清洗
			
    str.replace()可以一次处理一整个Series.str.replace()的正式形式为 Series.str.replace(pat, repl) ,其中pat为想要寻找的模式,一般为正则表 ...
    
			
    2. 
						
  2. MYSQL数据库常用操作命令
			
    1.连接MYSQL: mysql -h 主机地址 -u 用户名 -p 2.修改密码: 安装后第一次登录使用: mysqladmin (因为没有初始密码) 修改原密码: mysqladmin -u ro ...
    
			
    3. 
						
  3. svg---基础1
			
    svg:可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式.它由万维网制定,是一个开放标准. 官网:http://www.w3.org/2000/svg  ...
    
			
    4. 
						
  4. 自动化测试系列：将常用的Android adb shell 命令行封装为C#静态函数
			
    更多原创测试技术文章同步更新到微信公众号 :三国测,敬请扫码关注个人的微信号,感谢! 简介:adb命令是常用的Android命令行,自动化.代码调试.手工排查问题都会用的到,这里将常用的一些命令行封装 ...
    
			
    5. 
						
  5. centOS 及 ubuntu  下载地址记录
			
    CentOS下载地址:   http://isoredirect.centos.org/centos/7/isos/x86_64/CentOS-7-x86_64-DVD-1611.iso  : ubu ...
    
			
    6. 
						
  6. WEB API系列（一）：WEB API的适用场景、第一个实例
			
    在我前一篇博客中已经给各位简单介绍了HTTP协议与RestFul API的关系,以及一些基本的HTTP协议知识,在这些知识的铺垫下,今天,我们一起来讨论一下WEB API的适用场景,然后写我们第一个W ...
    
			
    7. 
						
  7. [mysql]You must reset your password using ALTER USER statement before executing this statement.
			
    原因分析: MySQL版本5.6.6版本起,添加了password_expired功能,它允许设置用户的过期时间.这个特性已经添加到mysql.user数据表,但是它的默认值是”N”,可以使用ALTE ...
    
			
    8. 
						
  8. android 百度地图 定位获取位置失败 62错误
			
    一切正常步骤进行但是还是没有获得定位,得到的坐标总是49E.xxxx,错误代码总是62 总是以为代码.或jar包.或还有什么权限没给.搞了好久,十分郁闷.在控制台上又没有什么具体的错误提示 经过无数次 ...
    
			
    9. 
						
  9. radio为什么不能选择。急急急
			
    <div class="control-group"> <label class="control-label" for="&quo ...
    
			
    10. 
						
  10. selenium+Headless Chrome实现不弹出浏览器自动化登录
			
    目前由于phantomjs已经不维护了,而新版的Chrome(59+)推出了Headless模式,对爬虫来说尤其是定时任务的爬虫截屏之类的是一大好事. 不过按照网络上的一些方法来写的话,会报下面的错误 ...
    
			
    11.