微信小程序背景與背景顏色怎么設(shè)置

這篇“微信小程序背景與背景顏色怎么設(shè)置”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序背景與背景顏色怎么設(shè)置”文章吧。

一：背景(Background)與顏色(Color)

一、背景：background。設(shè)置對象的背景特性。一個(gè)元素可以設(shè)置多重背景圖像，每組之間用逗號隔開，如果存在重疊關(guān)系，前面的背景圖像會(huì)覆蓋在后面背景圖上。

1.background-color：指定背景的顏色。取值：正常的顏色取值。

2.background-image：背景圖片。如果設(shè)置了這個(gè)屬性，最好也添加下background-color ，用于當(dāng)背景image不可見時(shí)保持與文本顏色有一定的對比度

3.background-repeat：設(shè)置對象背景圖如何鋪排填充。

repeat-x：背景在橫向上平鋪。

repeat-y：背景在縱向上平鋪。

repeat：背景圖在橫向縱向上平鋪。

no-repeat：圖像不平鋪。

round：背景圖像自動(dòng)縮放直到適應(yīng)且填充整個(gè)容器。

space：背景圖像以相同的間距平鋪且填充滿整個(gè)容器或者某個(gè)方向。

space:

round:

4.background-attachment：指定對象的背景圖像是隨對象內(nèi)容滾動(dòng)還是固定的。

取值：fixed：固定位置。scroll：相對于元素固定，跟著元素。local：相對于元素內(nèi)容固定，總是跟著內(nèi)容。

5.background-position:指定對象的背景圖像位置。

取值：left，right，top，bottom，center。也可以用百分比。

6.background-size：指定對象的背景圖像的尺寸大小。

取值：auto：背景圖的真實(shí)大小。cover：等比例縮放到完全覆蓋容器。有可能超出容器。

contain：將背景圖等比例縮放到寬度或者高度與容器的寬度或者高度相等，始終都在容器內(nèi)。

7.background-clip：指定對象的背景圖像向外裁剪的區(qū)域。

取值：padding-box：從padding區(qū)域(不含padding)開始向外裁剪背景。

border-box：從border區(qū)域(不含border)開始向外裁剪背景。

content-box：從content 區(qū)域開始向外裁剪背景。

text：從前景內(nèi)容的形狀做為裁剪區(qū)域向外裁剪。

8.background-origin：指定對象的背景圖像顯示的原點(diǎn)。

取值：padding-box：從padding區(qū)域(不含padding)開始向外裁剪背景。

border-box：從border區(qū)域(不含border)開始向外裁剪背景。

content-box：從content 區(qū)域開始向外裁剪背景。

以上就是關(guān)于“微信小程序背景與背景顏色怎么設(shè)置”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。