背景及漸變色

2021-10-16 05:23:10 字數 905 閱讀 3579

/*範圍內平鋪*/

background-repeat

:repeat-x;

/*橫行平鋪一行*/

background-repeat

:repeat-y;

/*豎向平鋪一列*/

background-repeat

:no-repeat;

/*無平鋪效果*/

/*背景相關的所有屬性都寫在一行*/

background

: red url("image/down.jpg") 280px 15px no-repeat;

red 背景顏色

url 路徑

280px橫座標 15px縱座標 可以在網頁內預覽之後再在css中修改

no-repeat 不平鋪

屬性分開寫:

: 200px 2px;徑向漸變,圓形

www.grabient.com copy css

background-image

:linear-gradient

(299deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%)

;

使用css實現漸變色背景

線性漸變 放射性漸變 語法 linear gradient to bottom,colorstrat,colorend 引數含義 第乙個引數指定 漸變的方向 to bottom 從上至下 to bottom right 從左上至右下 to right 從左至右 to up right 從左下至右上 ...

css實現背景漸變色效果

webkit核心的瀏覽器,例如 chrome,safari等 background webkit gradient linear,0 0,0 100 from 000000 to ffffff 第乙個引數表示漸變型別 type 可以是linear 線性漸變 或者radial 徑向漸變 第二個引數和第...

繪製漸變色

迴圈改變的畫素值,請注意每一行使用乙個顏色。int data new int fontimage.getwidth fontimage.getheight fontimage.getrgb data,0,fontimage.getwidth 0,0,fontimage.getwidth fontim...