澶у濂斤紝鎴戞槸闆朵竴銆傜缉鍐欙紙璇硶绯栵級鍙兘浼氱粰鎴戜滑缂栫爜甯︽潵寰堝鏂逛究锛屼絾鏄缉鍐欎篃浼氬甫鏉ヤ竴浜涢棶棰樸€備粖澶╋紝鎴戜滑鏉ヨ璁轰竴涓嬶紝涓轰粈涔圕SS涓殑缂╁啓鈥渓ove,hate,loveandhatred鈥濊璇存垚鏄痩oveandhate鍛紵鍥犱负缂╁啓璇嶇粰鎴戜滑甯︽潵浜嗗緢澶氭柟渚匡紝浣嗘槸鍑′簨鏈夊埄鏈夊紛銆備綘涓嶈兘璇寸缉鍐欏氨娌℃湁缂虹偣銆傞偅涔堟垜浠氨鏉ヨ璇村ぇ瀹朵竴瀹氱啛鎮夌殑绠€绉扳€滃ソ鈥濆拰鈥滃潖鈥濈殑鑳屾櫙CSS灞炴€с€傚浣曡缃厓绱犵殑鑳屾櫙棰滆壊锛?demo{background:#333;}鎴栬€呯被浼肩殑涓滆タ锛?demo{background-color:#333;}搴旇涓よ€呴兘鏈夈€傚鎴戞潵璇达紝浣跨敤鍝竴涓€氬父鍙栧喅浜庡績鎯呫€傚鏋滆涓€瀹氳鐢ㄥ墠鑰咃紝鍥犱负鍓嶈€呭氨涓€涓瓧锛岄偅鍚庤€呭叾瀹炰篃涓嶉夯鐑︺€傜幇鍦ㄦ瘡涓汉閮戒娇鐢ㄧ紪杈戝櫒銆傚€熷姪鏅鸿兘鎻愮ず锛岃緭鍏gc鍥炶溅杈撳叆background:;銆傚叾瀹炲洖鍒版棰樺苟涓嶉夯鐑︺€傚叾瀹炴垜鏇存帹鑽愬悗涓ょ鍐欐硶銆備负浠€涔堬紵璁╂垜浠潵鐪嬩竴涓緥瀛愷煂?style>.demo{background:#333;/*璁剧疆鍏冪礌#333鐨勮儗鏅壊*/}/*涓棿鏈夊緢澶氭牱寮忎唬鐮?/.demo:hover{background:url("example.png");}杩欎釜鍦烘櫙寰堢畝鍗曪細灏嗛紶鏍囩Щ鍒板厓绱犱笂鏄剧ず鏌愬紶鐓х墖锛屽姞杞藉墠鐢ㄧ函鑹插崰鎹綅缃紝浣嗗疄闄呮晥鏋滄槸锛熶负浜嗘晥鏋滄槑鏄撅紝鎴戝姞浜嗚竟妗嗗拰鏂囧瓧锛岀綉閫熻缃负鎱?G銆傚彲浠ョ湅鍒版偓鍋滄椂鑳屾櫙瑕嗙洊浜嗗墠鑰呯殑鑳屾櫙锛屾晥鏋滀笉鐞嗘兂锛屽洜涓哄墠鑰呭拰鍚庤€呴兘鏄儗鏅紝鍚庤€呰嚜鐒朵細瑕嗙洊鍓嶈€咃紵涓嶆槸鍏ㄩ儴锛屽嵆浣挎垜浠娇鐢ㄤ簡background-color:#333;鍦ㄥ墠鑰呬腑锛屽畠浠嶇劧浼氳鍚庤€呰鐩栥€傚ぇ瀹堕兘鐭ラ亾background鏄竴涓娉曠硸锛屼篃灏辨槸寰堝灞炴€х殑绠€鍐欍€備緥瀛愪腑锛屼娇鐢╞ackground:url('example.png')锛屼綘鍋氫簡浠€涔堬紵濡備笂鍥炬墍绀猴紝瀹冮粯璁ゅ皢鎵€鏈夌殑鍊艰缃负initial锛屾墍浠ユ棤璁轰箣鍓嶄娇鐢ㄥ摢涓€硷紝閮戒細琚鐩栥€傝櫧鐒跺垵濮嬭缃拰涓嶈缃竴鏍凤紝鎰忔€濇槸鏄惁淇濇寔鍏冪礌鐨勫睘鎬х殑鍒濆鍊兼湁浜烘兂璇达細鎴戜竴鐩撮兘鏄繖涔堢敤鐨勶紝娌￠亣鍒颁粈涔堥棶棰橈紒鎴戝彧鎯宠涓€浠朵簨锛氫綘鍙兘杩愭皵濂斤紝绛変唬鐮佹瘮杈冨鏉傜殑鏃跺€欙紝浣犲彲鑳戒細鍥炴潵濉潙銆傜粨璁猴細杩欐槸缂╁啓甯︽潵鐨勯殣鎮ｃ€傝兘鍏嶅垯鍏峬argin锛屽啀鎻愪竴涓ぇ瀹惰€崇啛鑳借鐨勩€傚睘鎬ц竟璺濓紝杩欓噷鏈変粈涔堝潙锛熸病鏈夊潙锛屽彧鏄兂浠嬬粛涓€涓嬪叾浠栫殑鐢ㄦ硶涓嬮潰鏄畠鐨勭缉鍐欙細margin:10px20px30px40pxmargin:10px20px30pxmargin:10px杩欎簺缂╁啓鐪熺殑甯垜浠渷浜嗗緢澶氫唬鐮侊紝璁╂垜浠潵涓句緥鍚ю煂?鐜板湪鎴戣姘村钩灞呬腑鎴戠殑鍏冪礌锛屾垜鎯崇敤margin
鏁堟灉濡備綘鎵€鎰匡細浣嗘槸浣犵敤浜唌argin:浣跨敤auto鐨勬椂鍊欙紝鏄笉鏄兂涓€鎯筹紝浣犱箣鍓嶆槸鍚﹁缃繃margin-top鎴杕argin-bottom锛熶緥濡傦細
