1，css中如何做出這種漸變
html5可以做到，但是瀏覽器支持不一樣，目前不建議使用background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8fb100), color-stop(1, #8fb133));類似這種寫法html5里的canvas做的http://www.17sucai.com/search/s?q=進度條CSS3中有辦法寫出來的，但是兼容性有問題，建議還是寫成一條線，用 背景圖片來做，價格repeat-x{0}
企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對外擴展宣傳的重要窗口，一個合格的網(wǎng)站不僅僅能為公司帶來巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺，創(chuàng)新互聯(lián)建站面向各種領(lǐng)域：砂巖浮雕等網(wǎng)站設(shè)計、成都全網(wǎng)營銷解決方案、網(wǎng)站設(shè)計等建站排名服務(wù)。
2，用CSS樣式怎么做背景漸變效果
在CSS里面首行加上一句body background-image: url(images/beijing.gif);-----------這里是背景圖的地址。做成漸變的就行了 margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
網(wǎng)頁教學(xué)網(wǎng) 網(wǎng)頁教學(xué)網(wǎng)提供單位或個人建站的全套服務(wù)，包括建站指南（建站流程，網(wǎng)站模式，網(wǎng)站類型，主機和域名等）、網(wǎng)站制作（網(wǎng)頁工具、標(biāo)記語言、網(wǎng)頁特效等）、網(wǎng)站推廣（網(wǎng)頁優(yōu)化，w3c標(biāo)準(zhǔn)，搜索引擎研究、網(wǎng)站推廣方式等）以及網(wǎng)絡(luò)新技術(shù)和新模式（web2.0，ajax，垂直搜索引擎等） 閃電兒 網(wǎng)頁教學(xué)網(wǎng) 將以上代碼保存為.html格式打開若果你需要的背景是動態(tài)的話需要用javascript靜態(tài)的話在photoshop里就可以了頁面背景漸變 原文鏈接： http://www.zz5u.net/html/MyJs/window/2008/1222/141.html用css做不到的，需要事先做好圖片做為背景調(diào)用。{1}
3，怎樣用css實現(xiàn)網(wǎng)頁背景顏色漸變
CSS3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩(wěn)的過渡。CSS3 定義了兩種類型的漸變（gradients）：線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向與徑向漸變（Radial Gradients）- 由它們的中心定義線性漸變：3.1、從上到下的線性漸變：#grad background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(red, blue); /* 標(biāo)準(zhǔn)的語法 */ }3.2、從左到右的線性漸變：#grad background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, red , blue); /* 標(biāo)準(zhǔn)的語法 */ }3.3、線性漸變 - 對角：#grad background: -webkit-linear-gradient(left top, red , blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, red, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(to bottom right, red , blue); /* 標(biāo)準(zhǔn)的語法 */}4.徑向漸變：4.1、顏色結(jié)點均勻分布的徑向漸變：#grad background: -webkit-radial-gradient(red, green, blue); /* Safari 5.1 - 6.0 */ background: -o-radial-gradient(red, green, blue); /* Opera 11.6 - 12.0 */ background: -moz-radial-gradient(red, green, blue); /* Firefox 3.6 - 15 */ background: radial-gradient(red, green, blue); /* 標(biāo)準(zhǔn)的語法 */ }4.2、顏色結(jié)點不均勻分布的徑向漸變：：#grad background: -webkit-radial-gradient(red 5%, green 15%, blue 60%); /* Safari 5.1 - 6.0 */ background: -o-radial-gradient(red 5%, green 15%, blue 60%); /* Opera 11.6 - 12.0 */ background: -moz-radial-gradient(red 5%, green 15%, blue 60%); /* Firefox 3.6 - 15 */ background: radial-gradient(red 5%, green 15%, blue 60%); /* 標(biāo)準(zhǔn)的語法 */ }4.3、形狀為圓形的徑向漸變：#grad background: -webkit-radial-gradient(circle, red, yellow, green); /* Safari 5.1 - 6.0 */ background: -o-radial-gradient(circle, red, yellow, green); /* Opera 11.6 - 12.0 */ background: -moz-radial-gradient(circle, red, yellow, green); /* Firefox 3.6 - 15 */ background: radial-gradient(circle, red, yellow, green); /* 標(biāo)準(zhǔn)的語法 */}回復(fù) 4樓 aspic直接用圖片背景，是說使用多個不同顏色的圖片切換實現(xiàn)漸變嗎？{2}
分享題目：css如何做漸變，css中如何做出這種漸變
文章位置：http://www.chinadenli.net/article20/icseco.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、建站公司、網(wǎng)站內(nèi)鏈、網(wǎng)站制作、定制開發(fā)、服務(wù)器托管
廣告
![]()
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：
創(chuàng)新互聯(lián)
