資訊專欄INFORMATION COLUMN
摘要：在頁面構(gòu)建時，剛?cè)腴T的前端小獅子們經(jīng)常被背景圖的位置，尺寸所迷惑，怎樣才能更好的處理背景圖，讓背景圖達到你想要的效果呢，那么，退后，朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小，是非常直觀的一種控制方式，如上圖，我
在HTML頁面構(gòu)建時，剛?cè)腴T的前端小獅子?? 們經(jīng)常被背景圖的位置，尺寸所迷惑，怎樣才能更好的處理背景圖，讓背景圖達到你想要的效果呢，那么，退后，朕又開始裝逼了～
首先決定背景圖的有如下屬性：
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 就哦了，他會讓背景圖從最中間鋪開，再也不用擔心錯位的問題了，想要什么樣式的，什么模式的背景圖，都可以組合試一下，保證玩轉(zhuǎn)～2333
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/112409.html
摘要：在頁面構(gòu)建時，剛?cè)腴T的前端小獅子們經(jīng)常被背景圖的位置，尺寸所迷惑，怎樣才能更好的處理背景圖，讓背景圖達到你想要的效果呢，那么，退后，朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小，是非常直觀的一種控制方式，如上圖，我 在HTML頁面構(gòu)建時，剛?cè)腴T的前端小獅子?? 們經(jīng)常被背景圖的位置，尺寸所迷惑，怎樣才能更好的處理背景圖，讓背景圖達到你想要的效果呢，那么，退后，朕又...
摘要：在頁面構(gòu)建時，剛?cè)腴T的前端小獅子們經(jīng)常被背景圖的位置，尺寸所迷惑，怎樣才能更好的處理背景圖，讓背景圖達到你想要的效果呢，那么，退后，朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小，是非常直觀的一種控制方式，如上圖，我 在HTML頁面構(gòu)建時，剛?cè)腴T的前端小獅子?? 們經(jīng)常被背景圖的位置，尺寸所迷惑，怎樣才能更好的處理背景圖，讓背景圖達到你想要的效果呢，那么，退后，朕又...
摘要：數(shù)人云容器管理面板已經(jīng)開源一個月多啦，經(jīng)歷了新版本的發(fā)布，完善了許多功能和體驗。今天小數(shù)給小伙伴們帶來的是數(shù)人云總架構(gòu)師為大家錄制的使用視頻。歡迎掃碼下方二維碼來交流群進行技術(shù)交流 數(shù)人云容器管理面板Crane已經(jīng)開源一個月多啦，經(jīng)歷了新版本v1.0.5的發(fā)布，完善了許多功能和體驗。今天小數(shù)給小伙伴們帶來的是數(shù)人云總架構(gòu)師為大家錄制的Crane使用視頻。從安裝到使用，step by s...
摘要：教學課程如何玩轉(zhuǎn)云服務器云服務器是一種簡單高效安全可靠處理能力可彈性伸縮的計算服務。用戶無需提前購買硬件，即可迅速創(chuàng)建或釋放任意多臺云服務器。云服務器租用產(chǎn)品送產(chǎn)權(quán)嗎不送產(chǎn)權(quán)。教學課程：如何玩轉(zhuǎn)云服務器云服務器是一種簡單高效、安全可靠、處理能力可彈性伸縮的計算服務。其管理方式比物理服務器更簡單高效。用戶無需提前購買硬件，即可迅速創(chuàng)建或釋放任意多臺云服務器 。云服務器幫助您快速構(gòu)建更穩(wěn)定、安全...
閱讀 1204·2021-09-22 15:24
閱讀 2300·2019-08-30 15:44
閱讀 2630·2019-08-30 10:55
閱讀 3371·2019-08-29 13:25
閱讀 1656·2019-08-29 13:09
閱讀 1408·2019-08-26 14:05
閱讀 1402·2019-08-26 13:58
閱讀 1995·2019-08-26 11:57
