css3 0有關圓角和漸變

2025-03-23 05:25:26 字數 3742 閱讀 5869

1樓:匿名使用者

ie6,ie7 圓角,顏色漸變都不支援。 ie8 不支援圓角,初拍禪步支援 漸變。 ie9 圓角,漸變 都支援,但效果不數仿如 firefox 的好。

ie漸變 css 為 '薯賀纖#f0f0f0',endcolorstr='#d7d7d7',gradienttype=0);

ie 9 一下想支援 圓角和漸變(ie8 稍微支援漸變)都只有用 **了。希望能有所幫助。

2樓:匿名使用者

ie6,ie7 圓角,顏色漸變都不支援。 ie8 不支援圓角,初步支援 漸變。 ie9 圓角,漸變 都支援,但效果不如 firefox 的好。

ie漸變 css 為 '#f0f0f0',endcolorstr='#d7d7d7',gradienttype=0);

ie 9 一下想支援 圓角和漸變(ie8 稍微支援漸變)都只有用 **了。希望能有所幫助。

3樓:我4蝸牛先生

css3圓角樣式是這樣寫的:

box但是為了更加相容,我們需要對主流瀏覽器加上瀏覽器識別符號,同時用檔案使其相容的ie6-ie8。

yuancss3中的漸變效果建議不要使用,因為很多使用者還是使用低版本瀏覽器,雖然ie6已宣佈死亡,但是ie6-ie8的瀏覽器還是有很多市場的,我們做**設計的公司做過調查,很多中小企業還是在使用ie6-ie8,所以這個只能暫時使用**形式。

漸變: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: '#c6ff00', endcolorstr='#538300', gradienttype='0'); /* ie*/

html、css新手求助!如何做向內凹的圓角?還有這個漸變效果?如下圖

4樓:周清揚先生

看圖,多個div疊在一起,可以達到你這個效果。

5樓:重點圈出來

要是寫上面的這個圖,就算了,太麻煩,相容不好,直接寫背景或者直接上**吧。這個寫完了border-radius還得寫漸變,太麻煩。

如何在css去掉iphone,ipad預設按鈕漸變圓角樣式

6樓:檳榔子

用css**設定按鈕的圓角樣式,這個在css3中才能實現,通過使用border-radius來實現這個效果,不過有瀏覽器的相容性問題,-moz(例如 -moz-border-radius)用於firefox;-webkit(例如:-webkit-border-radius)用於safari和chrome;border-radius:5px 15px 20px 25px;它的意思就是上的圓角5px,右的圓角15px,下的圓角20px,左的圓角25px,通過例子來實際看下:

#round

css樣式怎麼實現圓角矩形功能?

7樓:澳爸購

用border-radius屬性來實現圓角功能。

border-radius使用案例。

8樓:匿名使用者

做個圓角**,設成背景就好了。

9樓:匿名使用者

反恐精英起源沒有該功能。

10樓:匿名使用者

如果你是用的話,就看樓上如果是的話,我可以簡單寫乙個製作圓角矩形,分上中下裁成三張圖css3實現圓角。

我也是初學者,可能不是太全面,希望您能看懂~~

css 邊框如何變成圓角

11樓:輪迴之止

border-radius: 5px;(單位也可以是百分比,當border-radius:50%,寬高相等時就是個圓)

12樓:網友

border-radius:畫素。

css3裡面 這個是圓角屬性,但是最主流的ie瀏覽器都不認識,所以lz還是放棄吧。

處理圓角一般採用兩種方式。

1、乙個是ps切圓角,然後作為背景**放到頁面中。

2、第二個就是採用乙個累計效果,也可以定義出圓角。

這裡有個例子。

13樓:性情中人的文庫

假設元素是div,每個角的半徑是10pxdiv

14樓:網友

即使寫成圓角的,有很多主流瀏覽器也不支援,一般都是截圓角**,當背景~

各位高手好!乙個關於css3圓角的問題?

15樓:匿名使用者

改成:,從網上抄來的,我沒試是否有效。

沒有中劃線的css屬性一般直接使用 style.屬性名 即可。如:, 等。

對於含有中劃線的css屬性,將每個中劃線去掉並將每個中劃線後的第乙個字元換成大寫即可。

如:,,等。

另外在css中有乙個特殊的屬性其js使用方法比較特殊。這個特殊的屬性就是:float。我們不能直接使用來使用,這樣操作是無效的。其正確的使用方法是為:,其他瀏覽器。

上面不行的話你還可以這樣:

1、先定義乙個css規則,然後 "";

2、 "border:1

solid #0b2565;background:red;border-radius:5px;"

16樓:言言言小魚

= "10px";

要去掉橫槓換成大寫的。

css 如何實現 顏色的漸變??

17樓:幻翼高達

2、在中的標籤中,輸入css**:

div3、瀏覽器執行頁面,此時td中的div的背景顏色從紅色到白色漸變。

18樓:du瓶邪

在mozilla 下。

background: -moz-linear-gradient( top,#ccc,#

引數說明。1,起點位置top 是從上到下,left是從左到右,left top是左上到右下。

2,開始顏色,3,結束顏色。

在webkit下。

webkit-linear-gradient(top,#ccc,#

引數與mozilla一致。

在 opera 下。

background: -o-linear-gradient(top,#ccc, #

數與mozilla一致。

19樓:網友

css3支援顏色漸變,但目前主流瀏覽器對css3支援都不完全,甚至不支援。

所以你可以使用背景**來做,你要豎向漸變,可以將**切成寬1px的背景,然後設定這個div的背景平鋪。如:background:url( left right repeat-x;

20樓:焰火月

css3標準裡可以實現背景色漸變、圓角邊框的語句\

目前不支援這樣的語句,要實現真得用js

21樓:網友

濾鏡可以做,不過相容性只有ie支援。

22樓:網友

js實現,要不然你就弄一張你所想的效果的背景**。

有關div設定CSS問題

div垂直居中?如果是一行字的話很簡單,height跟line height一樣就ok了。如果是多行可以給div加上 display table cell 這樣可以讓div當作 來顯示,讓後再加上 vertical align middle 就能垂直居中實現了!可問題是,爛ie並不支援 ie也有解決...

有關css偽類 after清除浮動的問題

浮動產生負作用 1 背景不能顯示 由於浮動產生,如果對父級設定了 css background背景 css背景顏色或css背景 而父級不能被撐開,所以導致css背景不能顯示。2 邊框不能撐開 如上圖中,如果父級設定了css邊框屬性 css border 由於子級裡使用了float屬性,產生浮動,父級...

有關浦城的風俗 30,有關浦城的風俗

有關浦城的風俗 剪花代字 浦城民間戚友饋送食物,無論是盤裝或籃提,也無論是熟食或生品,其上每加紅紙一塊,或方或圓,剪成種種吉祥花樣。清光緒 續修浦城縣誌 記浦城 除夕蒸梗公尺,曰歲飯,須貼紙花彩勝於其上 在清道光之前浦城舊俗,饋送食品上所加紅紙,多剪成吉祥字樣,諸如 長命富貴 諸事如意 人壽年豐 之類...