我們提供的服務(wù)有：網(wǎng)站建設(shè)、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、安龍ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的安龍網(wǎng)站制作公司
1，CSS定義漸變色
純css漸變是css3里面的，低版本ie不認(rèn)，如果你不在乎的話，百度：css3漸變在線生成直接進(jìn)去生成后把代碼復(fù)制到你的css，代碼不能簡短，復(fù)制的漸變就得有很多代碼，這幾行都閑多的話你還是老老實實切圖片得了。<div style="width:66;height:100%;float:left;filter: progid:dximagetransform.microsoft.gradient(gradienttype=1,startcolorstr=#ffffff,endcolorstr=#46b5ff)"></div>定義層的開始漸變色 和結(jié)束漸變色 實現(xiàn)導(dǎo)航2，css背景顏色怎么實現(xiàn)漸變效果
線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向?qū)嵗龔纳系较碌木€性漸變：#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)的語法 */}-----------------------------------------------------------------------徑向漸變（Radial Gradients）- 由它們的中心定義實例顏色結(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)的語法 */}3，如何用css使邊框顏色漸變
background-color:#a0a #909 #808 #707 #606 #505 #404 #303;background -color 屬性的參數(shù)很簡單，可以是任意合法的顏色值或顏色值列表，當(dāng)background -color只設(shè)置了一個顏色時，那么就是單色的。如果設(shè)置了n中顏色而邊框?qū)挾纫矠閚的話那么每一個像素顯示一種顏色，如果邊框?qū)挾戎荡笥陬伾珨?shù)值時，最后一種顏色用于顯示剩下的寬度。一、CSS3 中的邊框顏色 這里是一個10px寬的標(biāo)準(zhǔn)邊框和邊框顏色： #borderColor 二、有圓角的邊框顏色 #borderColorCorner { border: 10px solid #dedede; -moz-border-radius: 15px; -moz-border-bottom-colors: #303 #404 #606 #808 #909 #A0A; -moz-border-top-colors: #303 #404 #606 #808 #909 #A0A; -moz-border-left-colors: #303 #404 #606 #808 #909 #A0A; -moz-border-right-colors: #303 #404 #606 #808 #909 #A0A; padding: 15px 25px; height: inherit; width: 590px; }如下面的例子：border-style:solid; border-width:1px; border-color:#000下面是設(shè)置必要掌握的代碼：border-color:#000（設(shè)置4邊邊框顏色為黑色）border-color:+顏色值，即可設(shè)置對象邊框顏色border-left-color:#000 設(shè)置左邊框顏色為黑色border-right-color:#000 設(shè)置右邊框顏色為黑色border-top-color:#000 設(shè)置上邊框顏色為黑色border-bottom-color:#000 設(shè)置下邊框顏色為黑色4，怎么用css設(shè)置DIV背景色漸變顯示
在Mozilla 下 background: -moz-linear-gradient( top,#ccc,#000);參數(shù)說明1,起點位置top 是從上到下,left是從左到右,left top是左上到右下2,開始顏色,3,結(jié)束顏色在Webkit下-webkit-linear-gradient(top,#ccc,#000);參數(shù)與mozilla一致在 Opera 下background: -o-linear-gradient(top,#ccc, #000);數(shù)與mozilla一致更多的參數(shù)應(yīng)用可以去度娘查詢,有很詳細(xì)參數(shù)使用示例.1. css3 漸變（gradients）可以讓你在兩個或多個指定的顏色之間顯示平穩(wěn)的過渡。2. css3 定義了兩種類型的漸變（gradients）：線性漸變（linear gradients）- 向下/向上/向左/向右/對角方向與徑向漸變（radial gradients）- 由它們的中心定義3. 線性漸變： 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)的語法 */ }5：望采納
分享題目：css設(shè)置漸變色，CSS定義漸變色
網(wǎng)頁鏈接：http://chinadenli.net/article22/iojhcc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、面包屑導(dǎo)航、營銷型網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司、微信公眾號、建站公司
廣告
![]()
聲明：本網(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)
