在html中怎样让一张图片占满整个横版空间？ html 怎么让背景图铺满整个页面
html\u5982\u4f55\u8ba9\u6a2a\u5e45\u56fe\u7247\u5360\u6ee1\u6a2a\u5411\u5bbd\u5ea6
\u4e3b\u8981\u5c31\u662fwidth="100%"\uff0c\u5bbd\u5ea6\u6ee1\u3002
你设置的mainnav也要设置成100%。
绛旓細鏍规嵁鐧惧害缁忛獙璧勬枡鏄剧ず锛歨tml璁╀竴寮犺儗鏅浘鐗囬摵婊＄殑姝ラ濡備笅锛1.娣诲姞鏍峰紡 鎵撳紑浠ｇ爜缂栬緫鍣紝涓篵ody鏍囩娣诲姞涓涓牱寮銆2.娣诲姞鑳屾櫙鍥剧墖涓篵g鏍峰紡娣诲姞涓涓儗鏅浘鐗囥3.娣诲姞鑳屾櫙鍏ㄥ睆鏍峰紡 鍦ㄦ牱寮忛噷娣诲姞锛歜ackground-size锛 100% 100%鐨勬牱寮忓嵆鍙
绛旓細1銆侀鍏堟垜浠敤Dreamweaver杞欢鍋涓涓猦tml鏂囨。锛屽綋鐒剁敤鍏朵粬缂栬緫鍣ㄤ篃鍙互銆2銆佺劧鍚庣粰body璁剧疆涓涓儗鏅鍥剧墖锛岃繖閲屽皬缂栫粰body鍔犱簡涓涓珮搴︼紝浠ヤ究鑳界湅鍒板浘鐗囥3銆佺劧鍚庡厛鍦ㄦ祻瑙堝櫒涓瑙堜竴涓嬫晥鏋溿備細鐪嬪埌鍥剧墖涓ら亶鏈夌┖鐧斤紝娌℃湁濉厖婊℃暣涓睆骞曘4銆佸皢background-size锛屽彲浠ヨ缃叾鍊间负100%銆5銆侀渶瑕佹敞鎰忕殑鏄繖鏄痗s...
绛旓細1銆侀鍏堟柊寤轰竴涓猦tml鏂囨。銆2銆佸叾娆¤揪鍒版澀宸炴満鍦哄悗锛岃缃竴涓婬TML鐨勬鏋讹紝鐒跺悗鎶婂浘鐗囪缃湪鍚屼竴涓枃浠跺す閲岄潰銆3銆佹渶鍚庤缃甴tml鍜宐ody鐨勯珮搴︿负100%锛岀粰鑳屾櫙娣诲姞鑳屾櫙鍥剧墖锛屽苟璁剧疆background-size涓100%鍗冲彲灏嗚儗鏅浘鐗囬摵婊°
绛旓細1. 鍋氫竴涓緢澶х殑鑳屾櫙锛堝眳涓樉绀猴級锛屽綋灏忓睆骞曟祻瑙堟椂锛屽彧鏄剧ず涓棿鐨勯儴鍒;锛堢己鐐规槸瑕佸仛涓寮犺冻澶熷ぇ鐨勮儗鏅浘鐗囷紝浠ユ弧瓒冲ぇ灞忓箷鐢ㄦ埛鐨勯渶瑕侊紝浣嗗浜庢墜鏈虹敤鎴锋垨鑰呯綉閫熸瘮杈冩參鐨勪汉鏉ヨ锛屾槸涓嶈兘澶熸帴鍙楃殑锛2. 鍋氫竴涓竟缂樿兘铻嶅悎鑳屾櫙鑹茬殑鍥剧墖锛岃繖鏍峰綋鍥剧墖鏃犳硶婊¤冻澶у睆骞曪紝杈惧埌涓瀹氱▼搴︽椂锛屽氨鍙互鐢ㄨ儗鏅壊鏉ュ～鍏呭墿浣欑殑...
绛旓細璁剧疆浠ラ噸澶嶇殑鏂瑰紡濉弧椤甸潰(浠ュ強鏄惁骞抽摵銆佷綍绉嶆柟寮忓钩閾)锛歜ackground-repeat: no-repeat;锛堥粯璁epeat浠ラ噸澶嶆樉绀哄浘鐗囩殑鏂瑰紡閾烘弧椤甸潰銆乶o-repeat涓嶅钩閾猴級浠呬竴寮犲浘鐗囦笉閲嶅锛屼互鎷変几鐨勬柟寮忓～婊￠〉闈級锛歜ackground-size: cover;
绛旓細1銆侀鍏堟墦寮hbuilder缂栬緫鍣紝鏂板缓涓涓html鏂囦欢锛岄噷闈㈣缃竴涓猟iv鏍囩骞惰缃甦iv鐨勫浐瀹氬搴﹀拰楂樺害銆2銆佺劧鍚庡湪div閲岄潰鎻掑叆涓寮犲浘鐗锛屽皢鍥剧墖鐨勫搴﹁缃负浣曠埗绾т竴鏍风殑瀹藉害锛屼唬鐮佸氨鏄痺idth:100%;杩欓噷鐨100%浼氳嚜鍔ㄨ窡闅忕埗绾х殑瀹藉害銆3銆佹帴鐫灏嗙埗绾х殑楂樺害鍘绘帀锛岃繖鏍风埗div涓殑img鐨勯珮搴﹀氨鑳借嚜鍔ㄥ寲锛岃繕瑕佸皢灏嗗浘鐗...
绛旓細浣滀负涓涓缁勭粐鎴栬呬釜浜哄湪涓囩淮缃戜笂鏀剧疆寮濮嬬偣鐨勯〉闈㈢О涓轰富椤碉紙澶栬锛欻omepage锛夋垨棣栭〉锛屼富椤典腑閫氬父鍖呮嫭鏈夋寚鍚戝叾浠栫浉鍏抽〉闈㈡垨鍏朵粬鑺傜偣鐨勬寚閽堬紙瓒呯骇閾炬帴锛夛紝鎵璋撹秴绾ч摼鎺ワ紝灏辨槸涓绉嶇粺涓璧勬簮瀹氫綅鍣紙Uniform Resource Locator锛屽璇缉鍐欙細URL锛夋寚閽堬紝閫氳繃婵娲伙紙鐐瑰嚮锛夊畠锛屽彲浣挎祻瑙堝櫒鏂逛究鍦拌幏鍙栨柊鐨勭綉椤点傝繖涔熸槸HTML...
绛旓細Vertical : 涓哄浐瀹氳儗鏅鍥鏃跺浘鍦ㄧ珫鐩存柟鍚戞墍灞呯殑浣嶇疆锛屽彲浠ラ夋嫨灞呬腑锛屽眳椤堕儴锛屽眳搴曢儴鎴栬嚜宸辫瀹氳窛椤剁殑璺濈銆傛敞鎰忓甫 * 鐨勯夐」瑕佸湪娴忚鍣ㄩ噷鎵嶈兘鐪嬪埌鏁堟灉銆傝瀹氬畬姣曪紝瀵笵reamweaver宸︿笅瑙掔偣閫<body搴旂敤璇SS鏍峰紡灏辫浜 涓嶅厜鏄<body鏍囩锛岄〉闈㈤噷鏈夌殑鍏冪礌閮藉彲浠ュ湪閭ｉ噷閫夋嫨锛屽彲浠ュ緢鏂逛究鐨勯夊彇搴旂敤瀵硅薄銆傚浜庢墍鏈...
绛旓細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岃緭鍏ラ棶棰樺熀纭浠ｇ爜銆2銆佸皢index.html涓鐨<table>鏍囩鐨勭2琛岃皟鏁翠负锛<tr><td colspan="3"><img src="small2.png" /></td></tr>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃鍥剧墖鎴愬姛鍗犱簡琛ㄦ牸鐨勭4-6鏍笺
绛旓細浣跨敤姝や唬鐮侊細<img border='0' src='/jpg' width='100%' height='100%' style='position: absolute;left:0px;top:0px;z-index: -1'>鎴栬卋ackground-size:cover銆
