需求:使用多張圖片作為頁面的背景圖;
首先需要了解background的屬性以及細節知識:https://www.cnblogs.com/chenglj/p/7372996.html
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/
相對坐標原點進行位置調整,或者使用
left, right, top, bottom, left top, left bottom, right top, right, bottom
分別表示,從左往右,從右往左,從上往下,從下往上,從左上往右下,從……(都懂的,不全寫了)
暫時至此,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/102382.html
標籤:Html/Css
上一篇:做一個好看的可翻轉登錄注冊界面
下一篇:CSS3常用新特性
