CSS裡面背景影象使用background position定位顯示的時候怎麼才能讓背景平鋪

2021-04-12 20:24:49 字數 2618 閱讀 1795

1樓:匿名使用者

|用background-size屬性,

格式如下:background-size: length|percentage|cover|contain;

length 設定背景**高度和寬度。第一個值內設容置寬度,第二個值設定的高度。如果只給出一個值,第二個是設定為 auto(自動)

percentage 將計算相對於背景定位區域的百分比。第一個值設定寬度,第二個值設定的高度。如果只給出一個值,第二個是設定為"auto(自動)"

cover 此時會保持影象的縱橫比並將影象縮放成將完全覆蓋背景定位區域的最小大小。

contain 此時會保持影象的縱橫比並將影象縮放成將適合背景定位區域的最大大小。

2樓:小壞蛋

background-size: 20% 100%;

background-repeat:repeat;//預設的bai呼叫

du**默

zhi認是平鋪的dao,你如

內果想要只鋪一容行用background-size: n% 100%;

background-position用不到吧

3樓:

如果是要平來

鋪的**只自能做成單張的**,集合**(css sprite)是不行的。

至於實現平鋪效果用:

background-repeat:repeat;

background-repeat:repeat-y;

background-repeat:repeat-x;

4樓:刪除一半

body

body 是選擇了整個**,然後給他新增**背景repeat是讓**重複

top與left是讓**定位,意思內是整個**的 頂部容並且是左邊

5樓:匿名使用者

background-position: 12px 12px;

就是類似的2個畫素,你可以在瀏覽器裡面f12調整,可以達到最終效果。我做html5遊戲的時候,就利用了這個。

6樓:匿名使用者

是background-repeat吧?

7樓:小瀟筱肖曉蕭

background-repeat:repeat;

background-repeat:repeat-y;

background-repeat:repeat-x;

background-repeat:no-repeat;

css怎麼調整背景**的位置?

8樓:灩麗

1、首先開啟前端開發工具,新建一個html**頁面。

2、在html**頁面上建立一個用於設定背景顏色的div標籤,然後給這個標籤新增上class = "bg-img"。

3、設定背景**。建立style標籤,然後在標籤裡面對類為bg-img設定背景**、**不重複、寬、高的樣式。

4、儲存html**,使用瀏覽器開啟,這個時候會發現瀏覽器上的背景**顯示在左上角。

5、回到html**頁面,在bg-img類裡新增background-position: center的屬性。

6、儲存html**後重新重新整理瀏覽器,這個時候會發現瀏覽器上的背景**已經自動居中了。

9樓:幻翼高達

需要準備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,開啟html編輯器,新建html檔案,例如:index.html。

2、在index.html中的標籤中,輸入css**:body。

3、瀏覽器執行index.html頁面,此時背景**被調整到距離左邊和上邊50px的位置。

10樓:晉城網路推廣筆記

背景**位置在css中有專門的屬性來調整:background-position:x y;

x的意思是x軸的數值、百分比,位置。

y的意思是y軸的數值、百分比,位置。

你可以在你的css**屬性里加上background-position:10px 50px;

11樓:匿名使用者

1.調整「background:url(/..

/../image/feed.gif) 10px center no-repeat;」中的10px 和 center就能調整背景**的位置了。

可以把「center 」換成具體的值,如:「5px」之類的數值。

2.也可以把**分開寫

background:url(/../../image/feed.gif)no-repeat;

background-position:10px 5px;(調整其中的數值就可以達到調整位置的目的。)

12樓:藍軒

10px是距上下10px,center是隻有居中,no-repeat是不重複

13樓:斯天

你先用一個可以測量**位子的軟體,然後測出你要的**的相對畫素,然後你可以根據background:url(/../..

/image/feed.gif) 10px 12px 15px no-repeat自己來定了~~~還是蠻方便的

css如何設定select的背景圖

這樣,便可實現相容個瀏覽器的,純css控制的,設定背景 樣式。一。使用 來js css,利用css設定屬性,通過自onchange觸發事件,或者js對標籤 的控制,完成對的美化,也能夠達到相容的目的。二。使用jquery,這個方法能夠實現很多炫目的select特效,但是封裝過程和呼叫過程不是很容易理...

這個背景圖是什麼動漫,這個背景圖是什麼動漫?那兩個人的

p站畫師自己畫得,沒有參照其他 你這是用啦什麼修改包吧 這是畫師畫的吧 q弟潘因吧 帶著紙袋的那個是裡面的反派 羊羔 手下 感覺像是東京食屍鬼,但沒有看過這樣的面具出現,應該是一些動漫迷自己畫的!這不是動漫吶吶吶.雖然畫風很好看 是個p的動漫啊!是玩家自己好的吧!廢舊的房子,是英雄聯盟。你們傻啊,這...

這個背景圖是什麼漫畫,誰知道這個背景圖是什麼動漫

漫畫 sq 作者是壇九,微博上有 壇九的 sq 此為原圖,有在微博 有興趣可自行搜尋。誰知道這個背景圖是什麼動漫 出自 徒然喜歡你 電視動畫 徒然喜歡你 改編自若林稔彌原作的同名漫畫,動畫由studio五組負責製作。每話12分鐘。全12話。動畫於2017年7月4日起在tokyo mx首播。中國大陸由...