鏂囩珷姝ｅ紡寮€濮嬩箣鍓嶏紝鍏堢湅鍥撅紝鐪嬪埌涓嬪浘浣犱細鎯冲埌浠€涔堬紵鏄笉鏄▼搴忓憳鐨勬爣閰嶏紝鏍煎瓙琛～銆傛病閿欙紝浠婂ぉ鐨勫唴瀹瑰氨鏄娇鐢–SS缁樺埗缃戞牸銆傚墠瑷€鐪嬪埌涓婇潰鐨勫悇绉嶇綉鏍硷紝浣犱細鎬庝箞瀹炵幇鍛紵鐢变簬缃戞牸鐨勫ぇ灏忛棿闅欏拰鏂瑰悜鍙彉锛屼笉鍙兘姣忔閮藉垱寤哄緢澶氬厓绱狅紝CSS鐨勫己澶у姏閲忎篃灏卞彂鎸ヤ笉鍑烘潵浜嗐€備互涓婃瘡涓€绉嶇綉鏍兼牱寮忓彧闇€瑕佷竴涓厓绱犳潵鎵胯浇锛屽墿涓嬬殑灏变氦缁機SS浜嗐€?浠旂粏鐪嬶紝铏界劧鏍煎瓙鐨勫舰寮忓悇涓嶇浉鍚岋紝浣嗗畠浠槸鏈夎寰嬪湴閲嶅鐨勩€備緥濡傦紝鎴戜滑鍙互灏嗙涓€涓綉鏍兼媶瑙ｆ垚涓嬮潰涓や釜缁勪欢銆傝繖鏍锋槸涓嶆槸灏辨竻妤氬浜嗭紵鎴戜滑鍙渶瑕佸啓澶氫釜鏉＄汗灏嗗畠浠鐩栧湪涓€璧峰嵆鍙€傚浣曞疄鐜版潯绾圭殑椋庢牸锛熺劧鍚庤繘鍏ユ垜浠枃绔犵殑涓婚銆傚疄鐜癈SSrepeating-linear-gradient()鍑芥暟锛岃鍑芥暟鐢ㄤ簬鍒涘缓涓€涓噸澶嶇殑绾挎€ф笎鍙樷€滃浘鍍忊€濓紝鍩轰簬瀹冩垜浠彲浠ョ粯鍒剁綉鏍兼牱寮忋€傛垜浠厛鏉ョ湅鐪嬭娉曪細background:repeating-linear-gradient(angle|toside-or-corner,color-stop1,color-stop2,...);鍙傛暟鍚嶇О鎻忚堪浜嗘笎鍙樺畾涔夌殑瑙掑害鏂瑰悜銆備粠0deg鍒?60deg锛岄粯璁や负180deg銆俿ide-or-corner鎸囧畾绾挎€ф笎鍙樼殑璧峰浣嶇疆銆傚畠鐢变袱涓叧閿瓧缁勬垚锛氱涓€涓寚瀹氭按骞充綅缃紙宸︽垨鍙筹級锛岀浜屼釜鎸囧畾鍨傜洿浣嶇疆锛堥《閮ㄦ垨搴曢儴锛夈€傞『搴忔槸浠绘剰鐨勶紝姣忎釜鍏抽敭瀛楅兘鏄彲閫夌殑銆俢olor-stop1,color-stop2,...鎸囧畾娓愬彉鐨勮捣濮嬮鑹插拰缁堟棰滆壊锛岀敱棰滆壊鍊笺€佺粓姝綅缃紙鍙€夛紝浠ョ櫨鍒嗘瘮鎸囧畾锛夌粍鎴愩€傞偅涔堟垜浠笂闈㈢涓€寮犲浘鐨勬牱寮忓彲浠ヨ繖鏍峰啓锛歜ackground:repeating-linear-gradient(#8ae8ff80017%,transparent028%);娉ㄦ剰锛屽悗闈㈡瘡涓€娆￠噸澶嶇殑鏉＄汗鐨勮捣濮嬪拰缁撴潫浣嶇疆閮借鍖呭惈鍓嶉潰鏉＄汗鐨勪綅缃紝鍚﹀垯浼氬嚭鐜版笎鍙樿壊銆備袱寮犲浘鐗囩粨鍚堢殑缃戞牸鏍峰紡鏈€缁堢殑repeating-linear-gradient浠ｇ爜濡備笅锛歜ackground:repeating-linear-gradient(toright,#998aff80016%,transparent028%),repeating-linear-gradient(#8ae8ff80017%,閫忔槑028%);鏁翠綋浠ｇ爜HTML
