1樓：幻翼高達
2、在index.html中的標籤中，輸入css**：
button
3、瀏覽器執行index.html頁面，此時用css實現了按鈕中間白、四周黑，上方白、下方灰的效果。
2樓：匿名使用者
css這麼寫就全部相容了。.xx
3樓：丶執筆看花開
css3的漸變-webkit-linear-gradient(top,#000,#fff);
-moz-linear-gradient(top,#000,#fff);
-o-linear-gradient(top,,#000,#fff);
css 如何實現 顏色的漸變？？
4樓：幻翼高達
2、在index.html中的標籤中，輸入css**：
div3、瀏覽器執行index.html頁面，此時td中的div的背景顏色從紅色到白色漸變。
5樓：du瓶邪
在mozilla 下
background: -moz-linear-gradient( top,#ccc,#000);
引數說明
1,起點位置top 是從上到下,left是從左到右,left top是左上到右下
2,開始顏色,
3,結束顏色
在webkit下
-webkit-linear-gradient(top,#ccc,#000);
引數與mozilla一致
在 opera 下
background: -o-linear-gradient(top,#ccc, #000);
數與mozilla一致
更多的引數應用可以去度娘查詢,有很詳細引數使用示例.
6樓：匿名使用者
css3支援顏色漸變，但目前主流瀏覽器對css3支援都不完全，甚至不支援。
所以你可以使用背景**來做，你要豎向漸變，可以將**切成寬1px的背景，然後設定這個div的背景平鋪。如：background:
url(bg.gif) left right repeat-x;
7樓：焰火月
css3標準裡可以實現背景色漸變、圓角邊框的語句\
目前css2.0不支援這樣的語句，要實現真得用js
8樓：匿名使用者
濾鏡可以做，不過相容性只有ie支援
9樓：
js實現，要不然你就弄一張你所想的效果的背景**。
div背景顏色怎樣漸變 css實現div層背景顏色漸變**
10樓：花臂華盛頓
借助background-position實現漸變過渡background-image雖然不支援css3 transition過渡，但是background-position支援啊，於是，通過控制背景位置，我們是可以實現漸變過渡效果的。
實現效果如下（滑鼠hover）：
借助background-color實現漸變過渡background-image雖然不支援css3 transition過渡，但是background-color支援啊，於是，通過控制背景顏色，和乙個顏色呈現技巧，我們也是可以實現漸變過渡效果的。
滑鼠hover前後效果對比：
借助偽元素和opacity實現漸變過渡
借助偽元素建立變換後的漸變效果，通過改變覆蓋的漸變的opacity透明度變化實現漸變過渡效果。
下圖為hover之後的效果：
擴充套件資料：mozilla 使用 css transitions
11樓：相守不住
css3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩的過渡。
css3 定義了兩種型別的漸變（gradients）：線性漸變（linear gradients）- 向下/向上/向左/向右/對角方向與徑向漸變（radial gradients）- 由它們的中心定義
線性漸變：
3.1、從上到下的線性漸變：
#grad
3.2、從左到右的線性漸變：
#grad
3.3、線性漸變 - 對角：
#grad
4.徑向漸變：
4.1、顏色結點均勻分布的徑向漸變：
#grad
4.2、顏色結點不均勻分布的徑向漸變：：
#grad
4.3、形狀為圓形的徑向漸變：
#grad
5：望採納
12樓：晚霞裡的蒲公英
div背景顏色實現漸變色：
例如：從紅色到黃色的漸變
**：background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*谷歌*/
background:linear-gradient(top,#b8c4cb,#f6f6f8);效果：
怎麼設計css網頁背景顏色過渡?
13樓：匿名使用者
css實現漸變背景效果相容主流瀏覽器
ie瀏覽器下
漸變背景的使用需要使用ie的漸變濾鏡filter對於firefox瀏覽器下(firefox 3.6+)漸變背景的實現需使用css3漸變屬性 為-moz-linear-gradient屬性
對於webkit核心的瀏覽器，如chrome/safari瀏覽器下漸變背景的實現也是使用css3 漸變方法為-webkit-gradient
**如下：
.gradient
14樓：戀紅
用一張背景**,在背景**中實現過渡效果,然後用css新增上去就是了.
如:body
15樓：博愛之心
如果想做的真正的顏色過渡相容性比較好，還是切乙個寬1畫素的**，做背景，然後平鋪效果最好。純**實現複雜而且相容性不是很好。
16樓：匿名使用者
純css實現，只能用**代替
17樓：瞎貓
.hbar
.vbar
18樓：匿名使用者
使用css3的屬性linear-gradient。
注意各個瀏覽器的相容問題
css3中如何實現漸變效果
19樓：純潔的小樹
css3裡面的線性漸變：linear-gradient1、語法
2、引數
第乙個引數省略時，預設為「180deg」，等同於「to bottom」。
第二個和第三個引數，表示顏色的起始點和結束點，可以有多個顏色值。
例如：background-image:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);
該屬性已經得到了 ie10+、firefox19.0+、chrome26.0+ 和 opera12.1+等瀏覽器的支援。
20樓：況苼珠
要得上面的線性漸變效果，我們這樣去定義css3樣式：
background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* saf4+, chrome */
filter: progid:dximagetransform.
microsoft.gradient(startcolorstr='#c6ff00', endcolorstr='#538300', gradienttype='0'); /* ie*/
-moz-linear-gradient
有三個引數。第乙個引數表示線性漸變的方向，top是從上到下、left是從左到右，如果定義成left top，那就是從左上角到右下角。第二個和第三個引數分別是起點顏色和終點顏色。
你還可以在它們之間插入更多的引數，表示多種顏色的漸變。
-webkit-gradient是webkit引擎對漸變的實現引數，一共有五個。
第乙個引數表示漸變型別（type），可以是linear（線性漸變）或者radial（徑向漸變）。
第二個引數和第三個引數，都是一對值，分別表示漸變起點和終點。這對值可以用座標形式表示，也可以用關鍵值表示，比如 left top（左上角）和left bottom（左下角）。
第四個和第五個引數，分別是兩個color-stop函式。color-stop函式接受兩個引數，第乙個表示漸變的位置，0為起點，0.5為中點，1為結束點；第二個表示該點的顏色。
ie依靠濾鏡實現漸變。startcolorstr表示起點的顏色，endcolorstr表示終點顏色。gradienttype表示漸變型別，0為預設值，表示垂直漸變，1表示水平漸變。
線性漸變使用from()以及to()方法指定過渡顏色點:
background: -webkit-gradient(linear, left top, left bottom, from(#96ff00), color-stop(0.5, orange), to(rgb(255, 0, 0)));
線性漸變多個過渡點在同一位置：
background:-webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.
5, #66cc00));
徑向漸變綜合效果演示：
css3過渡請教，背景顏色過渡失效，請問怎麼寫
如何css實現網頁背景三種顏色漸變效果？
21樓：小風往西
在ps中做個一畫素的漸變條 css中設為背景 x-repeat就行了
22樓：匿名使用者
我想你應該是想這樣子吧，用ps之類的軟體做好乙個漸變取1-2個畫素的寬度儲存為一張**，然後用css寫如下的規則。
23樓：匿名使用者
頁面背景顏色漸變可以分為四個部分
一、從上往下漸變：
body
二、從左上至右下漸變：
body
三、從左往右漸變：
body
四、從上往下漸變：
style="filter:progid:dximagetransform.
microsoft.gradient(gradienttype=0,startcolorstr=blue,endcolorstr=white);"
下面是整合的完整格式：
如果是在同乙個頁面裡面顯示多重漸變效果，可以定義每個漸變的width和height。
24樓：匿名使用者
可以看看張鑫旭大神寫的博文。
還有一種方法，豎向漸變的話用ps做一張1px寬、高度很高的三色漸變圖，作為背景repeat-x就可以了。不過這種方法不適合於橫向漸變，而且對高度也有一定要求。
怎樣用css實現背景顏色縱向漸變
在mozilla 下 background moz linear gradient top,ccc,000 引數說明 1,起點位置top 是從上到下,left是從左到右,left top是左上到右下 2,開始顏色,3,結束顏色 在webkit下 webkit linear gradient top,...
Eclipse中如何實現對css樣式的自動提示
當我們想輸入例如box shadow屬性的時候，發現沒有自動提示。如果完全靠記憶難免出錯。滑鼠右鍵點選此檔案，選擇properties選項。點選左側的web content settings，可以看到css profile選擇的是none。沒有定義css的描述檔案。選擇css3 cascading ...
Css使Div自適應居中，css 怎麼實現 div水平居中 呢？
娛樂小八卦啊 在佈局一張網頁時，通常網頁主體框架是居中於瀏覽器中的。實現最外層div水平居中與瀏覽器中需要一個條件和一個設定。假如最外層div盒子的css命名為 divcss5 這個時候為了相容各大瀏覽器實現最外層的這個盒子居中。條件 這個時候對 body 設定css內容居中樣式 text alig...