关闭

网页背景色渐变效果

标签: filterc
9508人阅读 评论(1) 收藏 举报
分类:
背景色渐变:
<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     

 

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Html中背景色之颜色渐变

颜色渐变:   原理:以水平中心开始顺时针画圆     1.颜色渐变分为水平渐变与放射性渐变     线性渐变:       写法一:background:liner-gradient(red,black)【表示...
  • qq1556837534
  • qq1556837534
  • 2015-11-23 17:22
  • 1046

CSS设置背景色渐变显示

.linear{ width:100%; height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=#f6f6f...
  • hpugym
  • hpugym
  • 2016-05-23 15:06
  • 2795

css3技巧之背景渐变

本来想先瞎扯些什么,然后又不知道讲什么的好,那就直接进入正题吧。 首先区分下,平常给的纯色background,指的是background-color属性,而渐变色所指向的是background-image属性,是作为背景图像处理的。 从渐变的形式分为2种:线性渐变(直线扩散)和径向渐变...
  • yeana1
  • yeana1
  • 2016-07-23 14:18
  • 4490

为UIView设置渐变背景

项目需要,要在图片上显示文字,文字的颜色有时候会和背景色差别不大导致难以kan'qing
  • xzc2677
  • xzc2677
  • 2014-06-17 18:00
  • 13018

iOS代码设置渐变背景色

欢迎到个人博客: liumh.com查看本文。本文为原创,未经允许勿转载项目会遇到给各种UI控件添加渐变背景色的需求,如果只是上下渐变或者左右渐变,可以使用Xcode xcassets的Slicing功能或者 api- resizableImageWithCapInsets:完成功能,但是如果是从左...
  • CaryaLiu
  • CaryaLiu
  • 2015-10-20 21:48
  • 4174

UINavigationBar添加渐变的背景颜色

为UINavigationBar设置背景颜色是很常见的需求,一般设置导航栏背景颜色操作如下,直接设置barTintColor即可。     navigationController?.navigationBar.barTintColor = UIColor.red 效果如下: ...
  • longshihua
  • longshihua
  • 2017-11-17 18:56
  • 191

基于echarts的背景色渐变和图例渐变的实例

本博客实例是基于echarts3的
  • u013808809
  • u013808809
  • 2017-03-02 19:45
  • 8304

Android UI设计小知识——渐变色背景的制作

渐变色的制作  前几天突然发现QQ默认的聊天背景是渐变色的,然后学恶习了一下背景颜色渐变的制作,在此总结一下。    1. 分别取上中下的是那种颜色。我们这里使用 黑色”#000000“, 灰色”#aaaaaa“, 白色”#ffffff“。2. 在drawable创建一个shape,定义grad...
  • To_be_Designer
  • To_be_Designer
  • 2015-09-01 20:11
  • 7599

4.让UITableViewCell的背景色渐变

让UITableViewCell的背景色渐变
  • qq350116542
  • qq350116542
  • 2015-12-21 00:39
  • 1635

ios开发:导航栏navigationbar背景渐变

[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"头图.png"]forBarMetrics:UIBarMetricsDefault]; ...
  • jijiji000111
  • jijiji000111
  • 2015-07-31 19:27
  • 581
    个人资料
    • 访问:2149508次
    • 积分:16937
    • 等级:
    • 排名:第684名
    • 原创:206篇
    • 转载:212篇
    • 译文:0篇
    • 评论:149条
    最新评论