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

方法：-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. 题解 Luogu P3623 [APIO2008]免费道路
			
    [APIO2008]免费道路 题目描述 新亚(New Asia)王国有 N 个村庄,由 M 条道路连接.其中一些道路是鹅卵石路,而其它道路是水泥路.保持道路免费运行需要一大笔费用,并且看上去 王国不可 ...
    
			
    2. 
						
  2. C# 开发AliYun(阿里云） 小蜜调用接口代码
			
    using System; using System.Collections.Generic; using Aliyun.Acs.Core; using Aliyun.Acs.Core.Excepti ...
    
			
    3. 
						
  3. day 04
			
    今天学些的内容 流程控制 1.在python一般代码执行顺序都从上到下依次解释执行称为顺序结构. 2.然而遇到需要一些条件判断的时候需要选择不同的执行路线去解释执行 这种流程控制称为 分支结构 也可叫 ...
    
			
    4. 
						
  4. kali-通过获取路由器pin码套取无线网络密码shell脚本
			
    直接上脚本吧, 我做个笔记. #************************************************************************* # > Fil ...
    
			
    5. 
						
  5. Vivado HLS 工具
			
    干什么的 Vivado HLS工具可以将C语言高级综合为硬件. 为什么要使用HLS 可以在更高的抽象层次描述功能,而不是在传统的RTL级别 一个潜在的用处是,系统设计划分成硬件部分和软件部分之后,软件 ...
    
			
    6. 
						
  6. 使用ODP.NET连接Oracle数据库
			
    项目需要和第三方进行对接,奇葩的是地方没给提供接口,却提供了一个Oracle的视图 所以有了C#访问Oracle数据库的需求 1.打开nuget,安装驱动 https://www.nuget.org/ ...
    
			
    7. 
						
  7. fprintf中使用stderr
			
    fprintf是C/C++中的一个格式化写-库函数,位于头文件<stdio.h>中,其作用是格式化输出到一个流/文件中 运行如下代码: #include <stdio.h> v ...
    
			
    8. 
						
  8. virtual box centos7 common operation
			
    ======= network part =======1.设置桥接模式 2.vi /etc/sysconfig/network-scripts/ifcfg-enp0s3BOOTPROTO=stati ...
    
			
    9. 
						
  9. Hadoop2.X管理与开发
			
    Hadoop 2.X 管理与开发 一.Hadoop的起源与背景知识 (一)什么是大数据 大数据(Big Data),指无法在一定时间范围内用常规软件工具进行捕捉.管理和处理的数据集合,是需要新处理模式 ...
    
			
    10. 
						
  10. linux命令 常用
			
    1.linux手动连接主机ssh '主机地址' 2.编辑 vi 查看i 编辑esc 退出编辑:wq 保存退出:q 直接退出 3. linux 防火墙 centOS7 firewall-cmd --sa ...
    
			
    11.