background repeat repeat這個在CSS裡是什麼意思

2022-04-12 06:20:47 字數 5189 閱讀 4888

1樓:ch荼靡

意思是當盒子的大小大於一張背景圖得大小時,剩餘空白的地方要不套繼續用這張**去填充,repeat就是重複填充,no-repeat則只使用一次**

2樓:音符侯爵

在css中,background-repeat 屬性設定是否及如何重複背景影象。

示例**:

inherit

1、background-repeat:repeat 是預設屬性,使背景影象在水平和垂直方向上重複。

2、background-repeat:repeat-x 背景影象將在水平方向重複。

3、background-repeat:repeat-y 背景影象將在垂直方向重複。

4、background-repeat:no-repeat 背景影象將僅顯示一次。

5、background-repeat:inherit 規定應該從父元素繼承 background-repeat      屬性的設定。

3樓:匿名使用者

repeat就是重複的意思,背景預設就是整個頁面重複的你又設定它為重複的當然沒用!

background-repeat: 後面的屬性可以是repeat  背景影象在縱向和橫向上平鋪no-repeat  背景影象不平鋪

repeat-x  背景影象在橫向上平鋪

repeat-y  背景影象在縱向平鋪

4樓:匿名使用者

背景**將會在水平和垂直兩個方向都重複,這個是background-repeat屬性的預設值。

5樓:匿名使用者

repeat是重複的意思

background-repeat:repeat是讓背景**重複平鋪

而在css中背景**預設就是repeat

重複的所以你加了

background-repeat:repeat和沒加是一樣的

6樓:匿名使用者

background-repeat:中

repeat的意思是設定當前背景**是否重複以及往哪個方向重複。

只有repeat的意思是**即橫向又縱向重複。

no-repeat是不重複,**位於左上角repeat-x是**橫向重複,從左上至右上進行重複。

repeat-y是**縱向重複,從左下至左下進行重複。

7樓:摩清昶

平鋪,宣告**在區域內平鋪顯示,就是一張接一張的鋪滿整個區域。

8樓:匿名使用者

background-repeat:repeat 影象橫向和縱向都平鋪 如果你的**是大圖的話 根本看不出來什麼效果的

9樓:騎著老鼠去看妞

背景是否重複鋪滿整個父級介面:重複;

10樓:匿名使用者

repeat這個是影象平鋪屬性來的。。。

background-repeat:no-repeat" css樣式是什麼意思

11樓:人都是練出來的

前邊說的好給力,你這個css的意思簡單來說就1句話,設定背景**的重複樣式為不重複,也就是說背景**不平鋪,只顯示一張

12樓:匿名使用者

css裡的 no-repeat是針對背景**來說的。當你設定了no-repeat這個屬性後,你的背景**將不會被重複,再換一種說法,你在**上所看到的背景**就是你所新增的**, 不會出現平鋪或者重複的現象。

13樓:唐洛

真是廢話一大堆,iam射手座正解

14樓:

背景色可以使用

background-color

屬性為元素設定背景色。這個屬性接受任何合法的顏色值。這條規則把元素的背景設定為灰色:

p 如果您希望背景色從元素中的文字向外少有延伸,只需增加一些內邊距:p 如需檢視本例的效果,可以親自試一試!可以為所有元素設定背景色,這包括 body 一直到 em 和 a 等行內元素。

background-color 不能繼承,其預設值是 transparent。transparent

有「透明」之意。也就是說,如果一個元素沒有指定背景色,那麼背景就是透明的,這樣其祖先元素的背景才能可見。

背景影象要把影象放入背景,需要使用 background-image 屬性。background-image 屬性的預設值是 none,表示背景上沒有放置任何影象。如果需要設定一個背景影象,必須為這個屬性設定一個 url 值:

body 大多數背景都應用到 body 元素,不過並不僅限於此。下面例子為一個段落應用了一個背景,而不會對文件的其他部分應用背景:p.

flower 您甚至可以為行內元素設定背景影象,下面的例子為一個連結設定了背景影象:a.radio 如需檢視上述例子的效果,可以親自試一試!

理論上講,甚至可以向 textareas 和 select 等替換元素的背景應用影象,不過並不是所有使用者**都能很好地處理這種情況。另外還要補充一點,background-image 也不能繼承。事實上,所有背景屬性都不能繼承。

背景重複如果需要在頁面上對背景影象進行平鋪,可以使用 background-repeat 屬性。屬性值 repeat 導致影象在水平垂直方向上都平鋪,就像以往背景影象的通常做法一樣。repeat-x 和 repeat-y

分別導致影象只在水平或垂直方向上重複,no-repeat 則不允許影象在任何方向上平鋪。預設地,背景影象將從一個元素的左上角開始。請看下面的例子:body

如需檢視上例的效果,可以親自試一試。

背景定位可以利用 background-position

屬性改變影象在背景中的位置。下面的例子在 body 元素中將一個背景影象居中放置:body

為 background-position 屬性提供值有很多方法。首先,可以使用一些關鍵字:top、bottom、left、right 和

center。通常,這些關鍵字會成對出現,不過也不總是這樣。還可以使用長度值,如 100px 或

5cm,最後也可以使用百分數值。不同型別的值對於背景影象的放置稍有差異。關鍵字影象放置關鍵字最容易理解,其作用如其名稱所表明的。

例如,top right 使影象放置在元素內邊距區的右上角。根據規範,位置關鍵字可以按任何順序出現,只要保證不超過兩個關鍵字 - 一個對應水平方向,另一個物件垂直方向。如果只出現一個關鍵字,則認為另一個關鍵字是 center。

所以,如果希望每個段落的中部上方出現一個影象,只需宣告如下:

p下面是等價的位置關鍵字:單一關鍵字等價的關鍵字centercenter centertoptop center 或 center topbottombottom center 或 center bottomrightright center 或 center rightleftleft center 或 center left百分數值百分數值的表現方式更為複雜。假設你希望用百分數值將影象在其元素中居中,這很容易:

body

這會導致影象適當放置,其中心與其元素的中心對齊。換句話說,百分數值同時應用於元素和影象。也就是說,影象中描述為 50%

50% 的點(中心點)與元素中描述為 50% 50% 的點(中心點)對齊。如果影象位於 0% 0%,其左上角將放在元素內邊距區的左上角。如果影象位置是 100% 100%,會使影象的右下角放在右邊距的右下角。

因此,如果你想把一個影象放在水平方向 2/3、垂直方向 1/3 處,可以這樣宣告:

body

如果只提供一個百分數值,所提供的這個值將用作水平值,垂直值將假設為 50%。這一點與關鍵字類似。background-position 的預設值是 0% 0%,在功能上相當於 top

left。這就解釋了背景影象為什麼總是從元素內邊距區的左上角開始平鋪,除非您設定了不同的位置值。長度值長度值解釋的是元素內邊距區左上角的偏移。

偏移點是影象的左上角。比如,如果設定值為 50px 100px,影象的左上角將在元素內邊距區左上角向右 50 畫素、向下 100 畫素的位置上:

body

注意,這一點與百分數值不同,因為偏移只是從一個左上角到另一個左上角。也就是說,影象的左上角與 background-position

宣告中的指定的點對齊。

背景關聯如果文件比較長,那麼當文件向下滾動時,背景影象也會隨之滾動。當文件滾動到超過影象的位置時,影象就會消失。您可以通過 background-attachment

屬性防止這種滾動。通過這個屬性,可以宣告影象相對於可視區是固定的(fixed),因此不會受到滾動的影響:body

如需檢視上例的效果,可以親自試一試。background-attachment 屬性的預設值是 scroll,也就是說,在預設的情況下,背景會隨文件滾動。

css 背景屬性屬性描述background簡寫屬性,作用是將背景屬性設定在一個宣告中。background-attachment背景影象是否固定或者隨著頁面的其餘部分滾動。background-color設定元素的背景顏色。

background-image把影象設定為背景。background-position設定背景影象的起始位置。background-repeat設定背景影象是否及如何重複。

css裡的「background-repeat:repeat」是什麼意思?

15樓:大大的

在css中,background-repeat 屬性設定是否及如何重複背景影象。

示例**:

inherit

1、background-repeat:repeat 是預設屬性,使背景影象在水平和垂直方向上重複。

2、background-repeat:repeat-x 背景影象將在水平方向重複。

3、background-repeat:repeat-y 背景影象將在垂直方向重複。

4、background-repeat:no-repeat 背景影象將僅顯示一次。

5、background-repeat:inherit 規定應該從父元素繼承 background-repeat      屬性的設定。

16樓:在天鵝洞鍛鍊身體的綠蘿

repeat就是重複的意思,背景預設就是整個頁面重複的你又設定它為重複的當然沒用!

background-repeat: 後面的屬性可以是repeat  背景影象在縱向和橫向上平鋪no-repeat  背景影象不平鋪

repeat-x  背景影象在橫向上平鋪

repeat-y  背景影象在縱向平鋪

杜雨霖這個名字是什麼意思,霖在名字裡什麼意思

姓名 杜雨霖 的基本資訊 杜7劃 木 雨8劃 水 霖16劃 水 得分 62616964757a686964616fe58685e5aeb931333337396334 91 吉 天格 8分 金 人格 15分 土 地格 24分 火 外格 17分 金 總格 31分 木 杜雨霖 的 三才 解析 金土火 暗...

文明在字典裡是什麼意思,敦,在字典裡是什麼意思

文明的意思是 1.人類所創造的財富的總和,特指精神財富,如文學 藝術 教育 科學 文明涵蓋了人與人 人與社會 人與自然之間的關係。它的主要作用,一是追求個人道德完善 二是維護公眾利益 公共秩序。例 物質文明 精神文明 2.指社會發展到較高階段表現出來的狀態。3.舊指具有當時西方色彩的。例 文明戲 4...

新華字典裡「梓」是什麼意思,梓在字典裡是什麼意思

基本字義 1.落葉喬木。木材可供建築及製造器物之用 器 棺材 宮 皇帝的棺材 2.治木器 人 古代製造器具的木工 匠。3.木頭雕刻成印刷用的木板 付 把稿件交付排印 行 x ng 4.指故里 裡。桑 5.姓。詳細字義 名 1.形聲。從木,宰省聲。本義 木名,即梓樹 2.同本義 chinese cat...