电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

《CSS3實戰》筆記--漸變設計(三)

瀏覽:38日期:2022-06-02 10:34:29

IE瀏覽器引擎的CSS漸變實現方法

IE并不支持CSS漸變,但是提供了漸變濾鏡,可以用來實現簡單的漸變效果。

基本語法

該參數的參數說明如下:

enabled:設置或檢索濾鏡是否激活。可選布爾值,包括 true 和 false,默認值為 true ,表示激活狀態。

startColor :設置或檢索色彩漸變的開始顏色和透明度。可選項,其格式為#AARRGGBB。AA,RR,GG,BB為十六進制正整數,取值范圍為00~FF。RR指定紅色值,GG指定綠色值,BB指定藍色值,AA指定透明度,00是完全透明,FF是完全不透明。超出取值范圍的值將被恢復為默認值。取值范圍為#FF0000~#FFFFFF,默認值為#FF0000FF,即不透明藍色。

EndColorStr : 設置或檢索色彩漸變的結束顏色和透明度。默認值為#FF000000,即不透明黑色。

IE 漸變濾鏡實戰應用

利用IE濾鏡設計漸變背景,然后通過背景圖像設計圖文插畫效果。

代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>IE瀏覽器引擎的CSS漸變實現方法</title><style type="text/css">body { padding:1em;/讓漸變背景填充整個頁面/ margin:0; text-align:center; /*為網頁設計垂直漸變背景*/ filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#9999FF, endColorStr=#ffffff);}h1 {/*標題樣式*/ color:white; font-size:18px; height:45px; line-height:65px;/*控制文本顯示位置*/ /*以絕地定位方式實現塊元素居中顯示*/ position:absolute; left:50%; margin-left:-150px; padding-left:50px; border-bottom:solid 2px #c72223; /*為標題插入一個裝飾圖標*/ background:url(images/icon4.png) no-repeat left center;}ul {/*列表框樣式*/ /*清除列表默認樣式*/ list-style-type:none; margin:90px 0 0 0; padding:0; background:url(images/bg6.png) no-repeat right bottom;/*設計插圖背景*/ clear:both; text-align:left;/*恢復默認對齊方式*/}li { line-height:1.5em; margin:6px auto; /*為列表項設計個性化的列表圖標*/ font-size:14px; background:url(images/icon3.png) no-repeat left 3px; padding-left:20px;}</style></head><body><h1>喜歡是一種心情,愛是一種感受</h1><ul> <li>有一種愛叫癡纏,比如很多人對張國榮的,有時候這樣真的挺好,沒有比愛一個故人更安全和永恒的了。</li> <li>有一種愛叫迷戀,某一時間里,忽然發現自己迷上某個人或某種感覺,但那不會長久。有時候迷戀會轉化成愛。</li> <li>愛里面一定有迷戀、有喜歡。可迷戀、喜歡都不是愛。</li> <li>當自己終于明白什么是愛的時候,往往生命去了大半。人生路上能遇上一個真正愛自己的人,是機緣。</li> <li>有時候,愛是一瞬間的感覺,愛并不能長久保留,如果兩人經營得好才會長久保留下去。愛同時是脆弱的,愛會破碎。</li> <li>有時候,愛是一種心愿,一種可以讓自己與對方更快樂的心情。一份美好的愛必定離不開包容。</li> <li>有時候,愛是一種自然。花開花落,云卷云舒的一點沒有強求。</li> <li>當能夠以一種平淡的心情看待感情時,愛便變得雋永。</li> <li>愛情有時候讓人變得很苛刻,但后來又會很包容。當愛對方超過愛自己,那愛就會很包容。</li> <li>喜歡一個人不會對他很苛刻,因為喜歡不會有更多的要求。相反愛卻是苛刻的。</li> <li>喜歡一個人不會為她很心痛,愛卻往往是很心痛。愛是一種歸屬,喜歡沒有歸屬。</li> <li>在喜歡與愛的邊緣徘徊的人,如果嘗試著離開很遠,還能在某個深夜靜靜地想起他,想到心痛與流淚,那一定是愛了。</li> <li>在愛上之前可能有很長的喜歡,有時喜歡就能轉化成愛,有時喜歡也會淡掉。原來人與人都是平行線上的一些點,檫肩而過很平常,向左轉,向右轉,下一個路口,還會有新的風景。</li> <li>有時候喜歡會帶來遺憾,但愛情會帶來傷害。這種傷害最后會變成對對方一生的祝福。但喜歡就會越來越淡,最后在心里留下一個淡漠的影子。愛比喜歡要有力量。</li></ul></body></html>

演示效果:

W3C標準化的CSS漸變實現方法

25個漸變背景網頁設計案例欣賞

標準草案沿襲Gecko引擎的漸變設計方法:http://dev.w3.org/csswg/css3-images/#gradients

標簽: CSS HTML
相關文章:
主站蜘蛛池模板: 浴室柜-浴室镜厂家-YINAISI · 意大利设计师品牌 | 咿耐斯 |-浙江台州市丰源卫浴有限公司 | 截齿|煤截齿|采煤机截齿|掘进机截齿|旋挖截齿-山东卓力截齿厂家报价 | 台式低速离心机-脱泡离心机-菌种摇床-常州市万丰仪器制造有限公司 | PSI渗透压仪,TPS酸度计,美国CHAI PCR仪,渗透压仪厂家_价格,微生物快速检测仪-华泰和合(北京)商贸有限公司 | 搬运设备、起重设备、吊装设备—『龙海起重成套设备』 | 无锡网站建设_小程序制作_网站设计公司_无锡网络公司_网站制作 | 2025世界机器人大会_IC China_半导体展_集成电路博览会_智能制造展览网 | RO反渗透设备_厂家_价格_河南郑州江宇环保科技有限公司 | 品牌设计_VI设计_电影海报设计_包装设计_LOGO设计-Bacross新越品牌顾问 | 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 | GAST/BRIWATEC/CINCINNATI/KARL-KLEIN/ZIEHL-ABEGG风机|亚喜科技 | 艾默生变频器,艾默生ct,变频器,ct驱动器,广州艾默生变频器,供水专用变频器,风机变频器,电梯变频器,艾默生变频器代理-广州市盟雄贸易有限公司官方网站-艾默生变频器应用解决方案服务商 | 老城街小面官网_正宗重庆小面加盟技术培训_特色面馆加盟|牛肉拉面|招商加盟代理费用多少钱 | 正压密封性测试仪-静态发色仪-导丝头柔软性测试仪-济南恒品机电技术有限公司 | 冷却塔厂家_冷却塔维修_冷却塔改造_凉水塔配件填料公司- 广东康明节能空调有限公司 | 环氧乙烷灭菌器_压力蒸汽灭菌器_低温等离子过氧化氢灭菌器 _低温蒸汽甲醛灭菌器_清洗工作站_医用干燥柜_灭菌耗材-环氧乙烷灭菌器_脉动真空压力蒸汽灭菌器_低温等离子灭菌设备_河南省三强医疗器械有限责任公司 | 振动时效_振动时效仪_超声波冲击设备-济南驰奥机电设备有限公司 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 铝合金线槽_铝型材加工_空调挡水板厂家-江阴炜福金属制品有限公司 | 环压强度试验机-拉链拉力试验机-上海倾技仪器仪表科技有限公司 | 机器视觉检测系统-视觉检测系统-机器视觉系统-ccd检测系统-视觉控制器-视控一体机 -海克易邦 | 扬尘监测_扬尘监测系统_带证扬尘监测设备 - 郑州港迪科技有限公司 | 招商帮-一站式网络营销服务|互联网整合营销|网络推广代运营|信息流推广|招商帮企业招商好帮手|搜索营销推广|短视视频营销推广 | 选矿设备-新型重选设备-金属矿尾矿重选-青州冠诚重工机械有限公司 | 自动化展_机器人展_机床展_工业互联网展_广东佛山工博会 | 一氧化氮泄露报警器,二甲苯浓度超标报警器-郑州汇瑞埔电子技术有限公司 | 诸城网站建设-网络推广-网站优化-阿里巴巴托管-诸城恒泰互联 | 北京工业设计公司-产品外观设计-产品设计公司-千策良品工业设计 北京翻译公司-专业合同翻译-医学标书翻译收费标准-慕迪灵 | 不锈钢法兰-碳钢法兰-法兰盘生产加工厂家-[鼎捷峰]-不锈钢法兰-碳钢法兰-法兰盘生产加工厂家-[鼎捷峰] | 杭州可当科技有限公司—流量卡_随身WiFi_AI摄像头一站式解决方案 | 电磁辐射仪-电磁辐射检测仪-pm2.5检测仪-多功能射线检测仪-上海何亦仪器仪表有限公司 | 深圳VI设计-画册设计-LOGO设计-包装设计-品牌策划公司-[智睿画册设计公司] | 电加热导热油炉-空气加热器-导热油加热器-翅片电加热管-科安达机械 | 甲级防雷检测仪-乙级防雷检测仪厂家-上海胜绪电气有限公司 | 湖南长沙商标注册专利申请,长沙公司注册代理记账首选美创! | 北京燃气公司 用户服务中心 | 双吸泵,双吸泵厂家,OS双吸泵-山东博二泵业有限公司 | 急救箱-应急箱-急救包厂家-北京红立方医疗设备有限公司 | 红立方品牌应急包/急救包加盟,小成本好项目代理_应急/消防/户外用品加盟_应急好项目加盟_新奇特项目招商 - 中红方宁(北京) 供应链有限公司 | 医疗仪器模块 健康一体机 多参数监护仪 智慧医疗仪器方案定制 血氧监护 心电监护 -朗锐慧康 | 九爱图纸|机械CAD图纸下载交流中心 | 美的商用净水器_美的直饮机_一级代理经销商_Midea租赁价格-厂家反渗透滤芯-直饮水批发品牌售后 |