需求:使用多張圖片做爲頁面的背景圖;html
首先須要瞭解background的屬性以及細節知識:http://www.javashuo.com/article/p-uxdvsgcu-co.htmlurl
background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0 0, 200px 0, 400px 201px;
如上寫法;
能夠經過調整圖片的順序顯示哪張圖片在最上端。
而後,須要瞭解關於background-position的具體用法:https://www.douban.com/note/510879342/htm
相對座標原點進行位置調整,或者使用blog
left, right, top, bottom, left top, left bottom, right top, right, bottom圖片
分別表示,從左往右,從右往左,從上往下,從下往上,從左上往右下,從……(都懂的,不全寫了)get
暫時至此。it