国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS教你玩轉背景background-position(1)

tyheist / 2252人閱讀

摘要:在頁面構建時,剛入門的前端小獅子們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我

在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/54410.html

相關文章

  • CSS教你玩轉背景background-position1

    摘要:在頁面構建時,剛入門的前端小獅子們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我 在HTML頁面構建時,剛入門的前端小獅子?? 們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又...

    xiguadada 評論0 收藏0
  • CSS教你玩轉背景background-position1

    摘要:在頁面構建時,剛入門的前端小獅子們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又開始裝逼了首先決定背景圖的有如下屬性屬性主要控制背景圖片的大小,是非常直觀的一種控制方式,如上圖,我 在HTML頁面構建時,剛入門的前端小獅子?? 們經常被背景圖的位置,尺寸所迷惑,怎樣才能更好的處理背景圖,讓背景圖達到你想要的效果呢,那么,退后,朕又...

    jay_tian 評論0 收藏0
  • 視頻來啦 | 手把手教你玩轉數人云容器管理面板Crane

    摘要:數人云容器管理面板已經開源一個月多啦,經歷了新版本的發布,完善了許多功能和體驗。今天小數給小伙伴們帶來的是數人云總架構師為大家錄制的使用視頻。歡迎掃碼下方二維碼來交流群進行技術交流 數人云容器管理面板Crane已經開源一個月多啦,經歷了新版本v1.0.5的發布,完善了許多功能和體驗。今天小數給小伙伴們帶來的是數人云總架構師為大家錄制的Crane使用視頻。從安裝到使用,step by s...

    brianway 評論0 收藏0
  • 7天教你玩轉云服務器

    摘要:教學課程如何玩轉云服務器云服務器是一種簡單高效安全可靠處理能力可彈性伸縮的計算服務。用戶無需提前購買硬件,即可迅速創建或釋放任意多臺云服務器。云服務器租用產品送產權嗎不送產權。教學課程:如何玩轉云服務器云服務器是一種簡單高效、安全可靠、處理能力可彈性伸縮的計算服務。其管理方式比物理服務器更簡單高效。用戶無需提前購買硬件,即可迅速創建或釋放任意多臺云服務器 。云服務器幫助您快速構建更穩定、安全...

    Labradors 評論0 收藏0

發表評論

0條評論

tyheist

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<