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}
企業建站必須是能夠以充分展現企業形象為主要目的，是企業文化與產品對外擴展宣傳的重要窗口，一個合格的網站不僅僅能為公司帶來巨大的互聯網上的收集和信息發布平臺，創新互聯建站面向各種領域：砂巖浮雕等網站設計、成都全網營銷解決方案、網站設計等建站排名服務。
2，用CSS樣式怎么做背景漸變效果
在CSS里面首行加上一句body background-image: url(images/beijing.gif);-----------這里是背景圖的地址。做成漸變的就行了 margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
網頁教學網 網頁教學網提供單位或個人建站的全套服務，包括建站指南（建站流程，網站模式，網站類型，主機和域名等）、網站制作（網頁工具、標記語言、網頁特效等）、網站推廣（網頁優化，w3c標準，搜索引擎研究、網站推廣方式等）以及網絡新技術和新模式（web2.0，ajax，垂直搜索引擎等） 閃電兒 網頁教學網 將以上代碼保存為.html格式打開若果你需要的背景是動態的話需要用javascript靜態的話在photoshop里就可以了頁面背景漸變 原文鏈接： http://www.zz5u.net/html/MyJs/window/2008/1222/141.html{1}
3，怎樣用css實現網頁背景顏色漸變
CSS3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。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); /* 標準的語法 */ }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); /* 標準的語法 */ }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); /* 標準的語法 */}4.徑向漸變：4.1、顏色結點均勻分布的徑向漸變：#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); /* 標準的語法 */ }4.2、顏色結點不均勻分布的徑向漸變：：#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%); /* 標準的語法 */ }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); /* 標準的語法 */}回復 4樓 aspic直接用圖片背景，是說使用多個不同顏色的圖片切換實現漸變嗎？{2}
分享題目：css如何做漸變，css中如何做出這種漸變
文章位置：http://www.yijiale78.com/article20/icseco.html
成都網站建設公司_創新互聯，為您提供搜索引擎優化、建站公司、網站內鏈、網站制作、定制開發、服務器托管
廣告
![]()
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：
創新互聯
