css-颜色渐变

核心代码

 代码如下 复制代码

FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=''lightblue'', endColorStr=''#FFFFFF'', gradientType=''1'');

实例

 代码如下 复制代码

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>
BODY {
FONT-SIZE: 14px;
MARGIN-LEFT: 60px
}

DIV {
height:25;
padding:3;
BORDER-RIGHT: lightblue 1px solid;
BORDER-TOP: lightblue 1px solid;
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=''lightblue'', endColorStr=''#FFFFFF'', gradientType=''1'');
BORDER-LEFT: lightblue 1px solid;
WIDTH: 200px;
BORDER-BOTTOM: lightblue 1px solid
}

SPAN {
height:25;padding:3;
BORDER-RIGHT: lightblue 1px solid;
BORDER-TOP: lightblue 1px solid;
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=''lightblue'', endColorStr=''#FFFFFF'', gradientType=''0'');
MARGIN-LEFT: -25px;
BORDER-LEFT: lightblue 1px solid;
WIDTH: 225px;
BORDER-BOTTOM: lightblue 1px solid
}
</STYLE>

<SPAN>个人简历：</SPAN>
<DIV>作品展示(时间倒序)</DIV>
<DIV>其他情况</DIV>
<SPAN>个人简历：</SPAN>
<DIV>作品展示(时间倒序)</DIV>
<DIV>其他情况</DIV>
<SPAN>个人简历：</SPAN>
<DIV>作品展示(时间倒序)</DIV>
<DIV>其他情况</DIV>
时间： 2024-09-17 11:03:36

css-颜色渐变的相关文章

js实现按钮颜色渐变动画效果_javascript技巧

本文实例讲述了js实现按钮颜色渐变动画效果的方法.分享给大家供大家参考.具体如下: 这里演示js实现按钮慢慢变色的方法,鼠标移到按钮上,按钮的背景色就发生变化,是慢慢的变化,点击按钮会打开指定链接,这里主要是演示按钮变色的代码实现方法. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-button-cha-color-animate-codes/ 具体代码如下: <HTML><HEAD><TITLE>按钮慢慢变色&

带动画渐进效果与颜色渐变的圆弧进度控件设计

带动画渐进效果与颜色渐变的圆弧进度控件设计      今天帮朋友写了一个小巧的圆弧进度控件,控件十分简单,主要设计思路采用CAShapeLayer来创建控件圆弧形状,使用CAGradientLayer来进行颜色渐变的渲染,两者结合来创建出颜色渐变的圆弧进度条控件,关于进度动画采用CoreAnimation动画处理.控件进行了简洁的封装,提供了面向使用的接口,需要的朋友可以自取,Demo地址如下: http://pan.baidu.com/s/1gfqDbtp.       控件中主要提供了,改变

CSS颜色及背景属性

css 颜色语法:  color: <颜色> 初始值:  由浏览器决定 适用于:  所有对象 向下兼容:  是 颜色属性允许网页制作者指定一个元素的颜色.查看单位可以知道颜色值的描述. 一些颜色规则的例子包括: H1 { color: blue }H2 { color: #000080 }H3 { color: #0c0 }为了避免与用户的样式表之间的冲突,背景和颜色属性应该始终一起指定. 背景颜色语法:  background-color: <值> 允许值:  <颜色>

思妙FLASH2004系列教程(8)－颜色渐变

渐变|教程 思妙的动画以其幽默和精美被广为流传,现在思妙推出了系列教程,以其惯有的幽默生动的讲解了FLASH动画的入门知识,闪客帝国被授权转载,本篇为初级教程的第八课:颜色渐变.

在Web上用style实现完美颜色渐变

web|渐变 上微软中国网站时发现页面上方的颜色渐变非常好,查看其源代码,发现在<td>内部用了类似如下的样式:style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#98B2E6', gradientType='1')" 然后我写了个测试网页试了试,果然可以.代码如下:<!------------------------------

利用VB2005制作颜色渐变的进度条

现在Windows环境下的应用程序经常要用到进度条,用以指示出一些复杂进程的运行状态.目前我们在窗体设计时,使用的都是单色进度条.本文讲述在WindowsXP环境下,使用VB2005制作一个漂亮的颜色 渐变的进度条组件. 一．技术细节 这种进度条的显示相当于使用许多颜色相近的" 画笔"在窗体上绘制方框.这些"画笔"就相当于一个画笔数组.首先要建立颜色数组 ,初始的时候放入一些颜色值,然后根据平滑度的设置来重新设置颜色数组.依次取出颜色数组中两个 相邻的颜色值,计算这

雕虫小计-颜色渐变的进度条

在Windows2000开始或关闭的时候,有一条颜色渐变的进度条,很是好看.我们可以用简单的方法制作类似的进度条.用图片移动的方法可以很方便的实现这一功能. 首先用PhotoShop制作图片.新建一张长为300宽为20的空白图片,选择"直线渐变工具",在选择框里打开渐变编辑器,选择渐变色的时候须注意一点,必须选择最左边的颜色和最右边的颜色相同的渐变色,这里我们选择"橙.黄.橙渐变":拉颜色的时候一定得从图片的最左边平衡(按住Shift)地拉到图片的最右边,否则两端的

php使用GD实现颜色渐变实例

  本文实例讲述了php使用GD实现颜色渐变的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 <?php $im = imagecreate(255, 255); $bg = imagecolorallocate($im, 0, 0, 0); for ($i = 255; $i >= 0; $i--) { $color = imagecolorallocate($im, $i, $i, $i); imagefilledrectangle($i

Android特效专辑(二)——ViewPager渲染背景颜色渐变(引导页)

Android特效专辑(二)--ViewPager渲染背景颜色渐变(引导页) 首页:http://blog.csdn.net/qq_26787115/article/details/50439020 首页里面也提到过,自己有意做一款杂七杂八的APP,就是自己喜欢什么就加上面,现在本文说的是引导页,我找了很久才觉得可以的开源项目,自己做了一下修改 开源地址:https://github.com/TaurusXi/GuideBackgroundColorAnimation 先来看看效果图吧! 图片用

安卓开发之自定义ProgressBar简单完成颜色渐变功能进度条

我们在使用电脑或者手机时,经常会遇到进度条,比如下图: 开发之自定义ProgressBar简单完成颜色渐变功能进度条-progressbar进度条"> 今天我来演示一下,如何做出简单并且漂亮的颜色渐变进度条. 首先我先新建了一个系统默认样式的进度条,代码如下: 运行后显示如下: 大家可以看出,并不是很好看,那么下面开始进行自定义进度条的编写吧! 首先为ProgressBar设置一个drawable,代码如下: 这个代码在哪呢,请回到上面新建系统默认样式进度条时,其中一个属性为  style