摘要:在頁面構建時,剛入門的前端小獅子們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我
在HTML頁面構建時,剛入門的前端小獅子?? 們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了~
首先決定背景圖的有如下屬性:
background-image:url(images/recovery/Tips_bg.jpg);
background-size:length|percentage|cover|contain;
size屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我們既可以直接設置背景圖的大小,比如100px 100px,等來控制大小,還可以設置對于容器的百分比來控制背景圖片的大小,還有兩種特殊的模式:cover&contain;
background-position是用來控制位置
如果你想讓一個banner圖1080p時是這樣
而小屏時是這樣
怎么辦?好說:直接設background-posiiton:center top 就哦了,他會讓背景圖從最中間鋪開,再也不用擔心錯位的問題了,想要什么樣式的,什么模式的背景圖,都可以組合試一下,保證玩轉~2333
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/112409.html
摘要:在頁面構建時,剛入門的前端小獅子們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我 在HTML頁面構建時,剛入門的前端小獅子?? 們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又...
摘要:在頁面構建時,剛入門的前端小獅子們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我 在HTML頁面構建時,剛入門的前端小獅子?? 們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又...
摘要:數人云容器管理面板已經開源一個月多啦,經歷了新版本的發布,完善了許多功能和體驗。今天小數給小伙伴們帶來的是數人云總架構師為大家錄制的使用視頻。歡迎掃碼下方二維碼來交流群進行技術交流 數人云容器管理面板Crane已經開源一個月多啦,經歷了新版本v1.0.5的發布,完善了許多功能和體驗。今天小數給小伙伴們帶來的是數人云總架構師為大家錄制的Crane使用視頻。從安裝到使用,step by s...
摘要:教學課程如何玩轉云服務器云服務器是一種簡單高效安全可靠處理能力可彈性伸縮的計算服務。用戶無需提前購買硬件,即可迅速創建或釋放任意多臺云服務器。云服務器租用產品送產權嗎不送產權。教學課程:如何玩轉云服務器云服務器是一種簡單高效、安全可靠、處理能力可彈性伸縮的計算服務。其管理方式比物理服務器更簡單高效。用戶無需提前購買硬件,即可迅速創建或釋放任意多臺云服務器 。云服務器幫助您快速構建更穩定、安全...
閱讀 1181·2021-09-22 15:24
閱讀 2285·2019-08-30 15:44
閱讀 2615·2019-08-30 10:55
閱讀 3355·2019-08-29 13:25
閱讀 1639·2019-08-29 13:09
閱讀 1391·2019-08-26 14:05
閱讀 1379·2019-08-26 13:58
閱讀 1984·2019-08-26 11:57