萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 在div底部顯示背景圖片實現代碼介紹

在div底部顯示背景圖片實現代碼介紹

歡迎大家在這裡學習在div底部顯示背景圖片實現代碼!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

div { 
background:url(/images/bg.jpg) no-repeat fixed; 
background-position-y:bottom; 

div { 
background-image:url(/images/bg.jpg);  /*設置div層的背景圖片*/ 
background-repeat:no-repeat;  /*背景圖片不重復顯示*/ 
background-repeat:repeat;  /*背景圖片橫向及縱向重復*/ 
background-repeat:repeat-x;  /*背景圖片橫向重復*/ 
background-repeat:repeat-y;  /*背景圖片縱向重復*/ 
background-attachment:fixed;  /*固定背景圖片*/ 
background-attachment:scroll;  /*滾動背景圖片*/ 
background-position-x:left;  /*背景圖片在橫向的最左方顯示*/ 
background-position-x:right;  /*背景圖片在橫向的最右方顯示*/ 
background-position-y:top;  /*背景圖片在縱向的最上方顯示*/ 
background-position-y:bottom;  /*背景圖片在縱向的最下方顯示*/ 

好了,在div底部顯示背景圖片實現代碼內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦:

css中文字加圖片的布局實現方法

copyright © 萬盛學電腦網 all rights reserved