网页背景色渐变效果

转载 2012年03月30日 21:38:45
背景色渐变:
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#00ff00')">

参数说明:

GradientType为渐变类型,0为上下渐变,1为左右渐变

StartColorStr为开始颜色

EndColorStr为结束颜色

背景色透明:
<body style="FILTER: progid:DXImageTransform.Microsoft.Alpha(

style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100); BACKGROUND-COLOR:

skyblue">

 背景图渐变:
<img src="" width=400 height=300 style="FILTER: progid:DXImageTransform.Microsoft.Alpha(

style=1,opacity=25,finishOpacity=100,startX=50,finishX=100,startY=50,finishY=100)">


具体颜色如下: 

01 白色 #FFFFFF          18 红色 #FF0000                35 绿色 #00FF00    

02 牡丹红 #FF00FF        19 青色 #00FFFF                36 黄色 #FFFF00    

03 海蓝 #70DB93          20 巧克力色 #5C3317            37 蓝紫色 #9F5F9F     

04 黄铜色 #B5A642        21 亮金色 #D9D919              38 棕色 #A67D3D    

05 青铜色 #8C7853        22 2号青铜色 #A67D3D           39 士官服蓝色 #5F9F9F 

06 冷铜色 #D98719        23 铜色 #B87333                40 珊瑚红 #FF7F00   

07 紫蓝色 #42426F        24 深棕 #5C4033                41 深绿 #2F4F2F 

08 深铜绿色 #4A766E      25 深橄榄绿 #4F4F2F            42 深兰花色 #9932CD 

09 深紫色 #871F78        26 深石板蓝 #6B238E            43 深铅灰色 #2F4F4F   

10 深棕褐色 #97694F      27 深绿松石色 #7093DB          44 暗木色 #855E42  

11 淡灰色 #545454        28 土灰玫瑰红色#856363         45 长石色 #D19275      

12 火砖色 #8E2323        29 森林绿 #238E23              46 金色 #CD7F32       

13 鲜黄色 #DBDB70        30 灰色 #C0C0C0                47 铜绿色 #527F76     

14 青黄色 #93DB70        31 猎人绿 #215E21              48 印度红 #4E2F2F  

15 土黄色 #9F9F5F        32 浅蓝色 #C0D9D9              49 浅灰色 #A8A8A8      

16 浅钢蓝色 #8F8FBD      33 浅木色 #E9C2A6              50 石灰绿色 #32CD32   

17 桔黄色 #E47833        34 褐红色 #8E236B              51 蓝色 #0000FF     

 

相关文章推荐

HTML页面背景渐变

设置HTML背景颜色渐变 可以用很多方法 诸如 1.用PS画张1400*2000的渐变图片,在BODY中设置为背景图片 2.用JS写 3.用CSS样式   我这里介绍第3种, -----...

html背景色渐变(通过CSS实现)

效果截图: -----------------------------------------------------------------------------------------...
  • friendan
  • friendan
  • 2014年03月23日 18:31
  • 33738

CSS实现网页背景颜色渐变的效果。

 来自:http://hi.baidu.com/%EC%BD%EC%BB%C2%FB%D1%D3/blog/item/28faf601af300ffe08fa939a.html 为了显示一个渐变而专门...

CSS实现网页背景颜色渐变的效果(火狐浏览器,IE,)

今天做网站时出现CSS实现网页背景颜色渐变的效果在IE里可以显示,但是在firefox里显示不出来。特地找出来在firefox里的实现。看到了这边文章,文章网址是:http://hi.baidu.co...

网页背景色

  • 2015年12月02日 15:18
  • 178B
  • 下载

移动鼠标改变网页背景色

  • 2017年08月02日 10:28
  • 1KB
  • 下载

js获得网页背景色和字体色的方法

获得网页的背景色和字体颜色,方法如下:  思想: 通过取得颜色属性值得到的是 rgb 色,不是我们想要的,所以需要将 rgb 色装换为 十六进制色 ,首先获得rgb色 :  var...

用js实现网页背景色彩虹渐变

  • 2016年09月28日 16:45
  • 2KB
  • 下载

HTML网页设计之div渐变背景色

网页设计中的那点事

Winform窗体渐变背景色[C#]

  • 2010年04月25日 10:40
  • 44KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页背景色渐变效果
举报原因:
原因补充:

(最多只允许输入30个字)