DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS背景漸變 Div漸變 CSS filter實例
CSS背景漸變 Div漸變 CSS filter實例
編輯:CSS詳解     

CSS代碼實現網頁中指定Div元素的背景漸變,用CSS的filter: progid:DXImageTransform.Microsoft.gradIEnt()濾鏡來實現,效果挺不錯,可以拋棄用背景圖片來實現網頁背景了,具體的CSS代碼如下:

1 .demo{ 2 width:550px;height:120px; 3 background: -moz-linear-gradIEnt(left#95979A#fff); 4 background: -webkit-linear-gradIEnt(left#95979A#fff); 5 background: -o-linear-gradIEnt(left#95979A#fff); 6 background: linear-gradIEnt(left#95979A#fff); 7 filter: progid:DXImageTransform.Microsoft.gradient(GradIEntType = 1, startColorstr = #95979A, endColorstr =#FFFFFF); 8 }

使用方法:

1 <div class="demo">看我的背景是不是很漂亮?</div>

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved