/*範圍內平鋪*/
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...