p {background-color: gray; padding: 20px;} //璁劇疆p 鐨勮儗鏅鑹詫紝鍥涘懆鐨勮竟璺濆悇涓?0px
<style type="text/css">
body{
background-image: url('/i/eg_bg_03.gif');
//鏈?/span>no-repeat涓?/span>repeat涔嬪垎錛岄粯璁ょ殑涓簉epeat錛岃嚜鍔ㄩ噸澶峹y杞磋嚜鍔ㄩ摵婊★紝鎴栬咃細
background-repeat: repeat-y; y杞存í鍚戦摵婊?br />
background-repeat: no-repeat;
//
fixed錛?/code>褰撻〉闈㈢殑鍏朵綑閮ㄥ垎婊氬姩鏃訛紝鑳屾櫙鍥懼儚涓嶄細縐誨姩銆俿croll錛氶粯璁ゅ箋傝儗鏅浘鍍忎細闅忕潃欏甸潰鍏朵綑閮ㄥ垎鐨勬粴鍔ㄨ岀Щ鍔ㄣ俰nherit錛?
瑙勫畾搴旇浠庣埗鍏冪礌緇ф壙 background-attachment 灞炴х殑璁劇疆銆?br />
background-attachment:fixed;
background-position: 30% 20%;//涓簒,y杞淬?nbsp; 鎴栬?0px 100px; 鎴栬?top銆乥ottom銆乴eft銆乺ight 鍜?center}
</style>
------------------------------涓婅堪灞炴у悎騫朵負涓鍒?---------------------------------------------
<style type="text/css">
body
{
background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; //center涓簒y杞村眳涓樉紺?br /> }
</style>
kelven.lee 2009-11-30 16:59 鍙戣〃璇勮
]]>澶氶噸鏍峰紡灝嗗眰鍙犱負涓涓?/h2>
鏍峰紡琛ㄥ厑璁鎬互澶氱鏂瑰紡瑙勫畾鏍峰紡淇℃伅銆傛牱寮忓彲浠ヨ瀹氬湪鍗曚釜鐨?HTML 鍏冪礌涓紝鍦?HTML 欏電殑澶村厓绱犱腑錛屾垨鍦ㄤ竴涓閮ㄧ殑 CSS 鏂囦歡涓傜敋鑷沖彲浠ュ湪鍚屼竴涓?HTML 鏂囨。鍐呴儴寮曠敤澶氫釜澶栭儴鏍峰紡琛ㄣ?/span> 褰撳悓涓涓?HTML 鍏冪礌琚笉姝竴涓牱寮忓畾涔夋椂錛屼細浣跨敤鍝釜鏍峰紡鍛紵
涓鑸岃█錛屾墍鏈夌殑鏍峰紡浼氭牴鎹笅闈㈢殑瑙勫垯灞傚彔浜庝竴涓柊鐨勮櫄鎷熸牱寮忚〃涓紝鍏朵腑鏁板瓧 4 鎷ユ湁鏈楂樼殑浼樺厛鏉冦?/p>
鍥犳錛屽唴鑱旀牱寮忥紙鍦?HTML 鍏冪礌鍐呴儴錛夋嫢鏈夋渶楂樼殑浼樺厛鏉冿紝榪欐剰鍛崇潃瀹冨皢浼樺厛浜庝互涓嬬殑鏍峰紡澹版槑錛?lt;head> 鏍囩涓殑鏍峰紡澹版槑錛屽閮ㄦ牱寮忚〃涓殑鏍峰紡澹版槑錛屾垨鑰呮祻瑙堝櫒涓殑鏍峰紡澹版槑錛堢己鐪佸鹼級銆?/p>
灞傚彔嬈″簭
kelven.lee 2009-11-30 13:52 鍙戣〃璇勮
]]>