css背景漸變的技巧與方法_DIV+CSS實(shí)例
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
用css實(shí)現(xiàn)網(wǎng)頁(yè)背景漸變的代碼如下:
一、從上往下漸變
示例代碼 [www.hl5o.cn]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
二、從左上至右下漸變
示例代碼 [www.hl5o.cn]
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue;
}
三、從左往右漸變
示例代碼 [www.hl5o.cn]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}
四、從上往下漸變
示例代碼 [www.hl5o.cn]
style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"
相關(guān)DIV+CSS實(shí)例:
- 固定div容器的寬高,圖片居中(圖片不限制大�。�
- 用css制作有滾動(dòng)條的居中彈出框
- 鼠標(biāo)指住(hover)變色的按鈕演示demo
- 10個(gè)很酷的涂鴉風(fēng)格國(guó)外網(wǎng)店設(shè)計(jì)展示
- jquery模擬瀏覽器滾動(dòng)條效果
- 仿谷歌google的搜索框下拉提示列表效果
- JS顯示網(wǎng)頁(yè)最后更新時(shí)間
- CSS技巧:text-indent隱藏文字(以圖換字)
- CSS實(shí)例:三列自適應(yīng)等高且中列寬度自適應(yīng)
- DivCSS布局實(shí)例:很實(shí)用的圖文混排CSS列表-富有語(yǔ)義
- DivCSS實(shí)例:CSS菜單Flash效果用圖片模擬實(shí)現(xiàn)
- DivCSS布局實(shí)例用dldtdd來(lái)制作列表
DIV+CSS實(shí)例Rss訂閱Div+Css教程搜索
DIV+CSS實(shí)例推薦
- DIV CSS JS仿kijiji導(dǎo)航條
- DOV CSS表單:超炫的單選框與復(fù)選框效果!-Adam
- 用CSS打造評(píng)分星級(jí)效果的一個(gè)實(shí)例
- CSS JavaScript打造鼠標(biāo)懸停圖片漸顯效果!
- DivCSS實(shí)例:符合web標(biāo)準(zhǔn)的嵌入Flash的方法-JS調(diào)用
- DIV CSS布局入門示例(一)頁(yè)面布局與規(guī)劃
- CSS去除表格td默認(rèn)間距及制作1px細(xì)線表格
- DivCSS布局實(shí)例:很實(shí)用的圖文混排CSS列表-富有語(yǔ)義
- CSSFormExample:帶有小圖標(biāo)的清爽CSS表單設(shè)計(jì)!
- DivCSS實(shí)例:CSS菜單Flash效果用圖片模擬實(shí)現(xiàn)
猜你也喜歡看這些
- CSS網(wǎng)頁(yè)布局經(jīng)驗(yàn):CSS框架思維雛形與CSS文件精簡(jiǎn)
- DIVCSS實(shí)例教程:利用一張背景圖片實(shí)現(xiàn)的簡(jiǎn)單CSS導(dǎo)航菜單
- DIVCSS網(wǎng)頁(yè)布局:實(shí)現(xiàn)讓多個(gè)DIV排列時(shí)居中
- 如何垂直居中對(duì)齊文本與輸入框
- IE6圖片下方空隙的產(chǎn)生原因及解決方法
- CSS初始化代碼
- 完全CSS下拉菜單,只用CSS,純CSS構(gòu)筑!
- 如何使用list-style項(xiàng)目符號(hào)?
- css頁(yè)面網(wǎng)頁(yè)配色
- divcss三列橫向排列實(shí)例代碼
- 相關(guān)鏈接:
- 教程說(shuō)明:
DIV+CSS實(shí)例-css背景漸變的技巧與方法
。