CSS怎么滿屏背景?這是很多前端初學者需要掌握的技能。下面就給大家介紹兩種實現方法。
第一種方法是使用CSS的background-size屬性。代碼如下:
body { background: url(圖片地址) no-repeat center center fixed; background-size: cover; }
簡單解釋一下,這里的no-repeat表示不重復,center center fixed表示固定在頁面中心,而cover表示讓背景圖片鋪滿整個頁面。
第二種方法是使用CSS3的vh和vw單位。vh是視口高度的百分比,vw是視口寬度的百分比。代碼如下:
body { background: url(圖片地址) no-repeat; background-size: 100% 100%; height: 100vh; }
這里將背景圖片的尺寸設置為100% 100%,再將高度設置為100vh,就可以讓背景圖片鋪滿整個頁面。
以上兩種方法都可以實現滿屏背景,可以根據具體情況選擇適合自己的實現方法。
上一篇mysql改表的字符集
下一篇css怎么添加飄窗