在hbuilder中如何让图片在右上角
需要：1。可以使用background-position属性设置图片位置，具体的方法是，首先用hbuilder软件新建一个html文件，文件的head标签中设置输入style标签。
2、然后设置body的样式，给body加一张图片，设置为不重复，设置background-position属性让图片出现在右上方，该属性的前一个参数控制上下的位置，后一个参数控制左右的位置，设置好后，来到浏览器查看效果。这时就是在右上角。
绛旓細璁剧疆瀹介珮銆傚湪鍒涘缓涓涓柊鐨勯」鐩椂锛屼細鐢熸垚涓涓」鐩枃浠跺す锛屽叾涓湁涓涓猧mg鏂囦欢澶癸紝涓撻棬鏀剧疆鍥剧墖鐨勪綅缃紝鐒跺悗璁剧疆鍥剧墖鐨勬牱寮忎娇鐢╳idth鍜宧eight鐨勫笺傚垱寤轰竴涓柊鐨勯」鐩紝閲岄潰鍖呮嫭js鍜宑ss鍜宨mg鐨勬枃浠跺す锛屽湪浣犻渶瑕佺紪鍐欑殑浠ｇ爜鍐呭涓紝棣栧厛鏀剧疆涓寮犲浘鐗囧埌img鐨勬枃浠跺す閲岋紝鐒跺悗閫氳繃img鏍囩涓殑src鐨勯摼鎺ュ湴鍧鍜宨mg...
绛旓細hbuilderx鍒╃敤css鐨剉ertical-align锛歮iddle鍗冲彲瀹炵幇瀵归綈璁╀竴鍒鍥剧墖瀵归綈銆HBuilder鏄疍Cloud锛堟暟瀛楀ぉ鍫傦級鎺ㄥ嚭鐨勪竴娆炬敮鎸丠TML5鐨刉eb寮鍙慖DE銆
绛旓細鍦℉Builder宸︿晶鍙抽敭鏂板缓涓涓獁eb椤圭洰锛灏嗗浘鐗鎷夊叆锛屼箣鍚庣偣鍑籭ndex.html锛屽湪body閲岄潰鍐欑浉搴旂殑浠ｇ爜銆傞鍏堬紝鎵撳紑HBuilder锛屽湪HBuilder宸︿晶鍙抽敭鏂板缓涓涓獁eb椤圭洰锛岄」鐩悕瀛楀彲浠ラ夌敤椹煎嘲鍛藉悕娉曪紝灏嗗浘鐗囨媺鍏mg鏂囦欢澶癸紝涔嬪悗鐐瑰嚮index.html锛屽湪body閲岄潰鍐欑浉搴旂殑浠ｇ爜锛屽啓瀹屼唬鐮佸悗淇濆瓨锛岀偣鍑讳笂鏂规祻瑙堝櫒鍥炬爣鍙祻瑙堛
绛旓細棣栧厛锛屾墦寮HBuilder锛鍦℉Builder宸︿晶鍙抽敭鏂板缓涓涓獁eb椤圭洰锛岄」鐩悕瀛楀彲浠ラ夌敤椹煎嘲鍛藉悕娉曪紝鍥剧墖鎷夊叆img鏂囦欢锛屼箣鍚庣偣鍑籭ndex.html锛屽湪body閲岄潰鍐欑浉搴旂殑浠ｇ爜锛屽啓瀹屼唬鐮佸悗淇濆瓨銆
绛旓細鏍规嵁鐧惧害缁忛獙鏌ヨ寰楃煡锛鍦℉Builder涓锛屼綘鍙互閫氳繃浠ヤ笅姝ラ灏嗘枃瀛楁斁鍦鍥剧墖涓婏細1.鎵撳紑浣犵殑HBuilder锛岄夋嫨涓涓┖鐧介〉闈㈣繘琛岀紪杈戙2.鍦ㄧ紪杈戝尯鍩熶腑锛屾彃鍏ヤ竴涓浘鐗囧厓绱犮備綘鍙互閫氳繃鐐瑰嚮鑿滃崟鏍忎腑鐨勨滄彃鍏モ->鈥滃浘鐗団濇潵鎻掑叆鍥剧墖锛屾垨鑰呯洿鎺ュ湪缂栬緫鍖哄煙鐐瑰嚮榧犳爣鍙抽敭锛岄夋嫨鈥滄彃鍏ュ浘鐗団濄3.鍦ㄥ脊鍑虹殑鏂囦欢閫夋嫨瀵硅瘽妗嗕腑锛...
绛旓細hbuilder娣诲姞鑳屾櫙鍥剧墖浠ｇ爜鏂规硶濡備笅锛氬姞鍏ュ涓 CSS: body { background-image: url("鑳屾櫙鍥剧墖(濡傛灉璺烠SS涓嶅湪鍚屼竴璺緞涓,璁板緱鏀圭浉瀵规垨缁濆璺緞).jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;銆HBuilder鏄疍Cloud锛堟暟瀛楀ぉ鍫傦級鎺ㄥ嚭鐨勪竴娆炬敮鎸丠TML5鐨刉eb...
绛旓細鍒╃敤css鐨剉ertical-align锛歮iddle鍗冲彲瀹炵幇瀵归綈銆
绛旓細鍔犲叆濡備笅 CSS锛歜ody { background-image: url("鑳屾櫙鍥剧墖锛堝鏋滆窡CSS涓嶅湪鍚屼竴璺緞涓嬶紝璁板緱鏀圭浉瀵规垨缁濆璺緞锛.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}
绛旓細1銆佺涓锛屾墦寮HBuilderX宸ュ叿锛屾柊寤洪〉闈㈡枃浠讹紝鐒跺悗鍦╞ody鏍囩涓紝鎻掑叆涓涓猟iv鏍囩銆2銆佺浜岋紝鍒╃敤ID閫夋嫨鍣╥mg锛岃缃爣绛炬牱寮忥紝濡傚搴︺侀珮搴︺佽楂樸佸瓧浣撳睘鎬т互鍙婅竟妗嗐3銆佺涓夛紝淇濆瓨浠ｇ爜骞舵墦寮娴忚鍣紝棰勮鐣岄潰鏁堟灉锛屽彲浠ョ湅鍒版枃瀛楀眳涓殑妗嗐4銆佺鍥涳紝鎺ョ潃娣诲姞灞炴order-image锛岃缃鍥剧墖璺緞銆佽竟妗嗗帤搴︺...
绛旓細1銆佹墦寮HBuilder锛鍦℉Builder宸︿晶鍙抽敭鏂板缓涓涓獁eb椤圭洰銆2銆侀」鐩悕瀛楀彲浠ラ夌敤椹煎嘲鍛藉悕娉曘3銆灏嗗浘鐗鎷夊叆img鏂囦欢澶广4銆佺偣鍑籭ndex.html銆5銆佸湪body閲岄潰鍐欑浉搴旂殑浠ｇ爜銆6銆佷繚瀛橈紝鐐瑰嚮涓婃柟娴忚鍣ㄥ浘鏍囧彲娴忚銆
