當前位置:首頁 » 背景圖片 » 可重復背景圖片
擴展閱讀
教師賽課圖片卡通 2024-11-07 18:06:54
笑唄搞笑圖片大全 2024-11-07 17:49:32

可重復背景圖片

發布時間: 2022-06-05 14:37:16

⑴ 如何把一個小的圖像重復很多次構成一個大的背景呢

很好看的背景圖片。先收藏了
就是做成類似桌面平鋪的效果就可以:
使用框選工具選中那個小背景圖,"編輯"--"定義圖案",然後起個圖案名.
在你需要填充的圖片中,"編輯"--"填充",在上面的"內容"中選擇"圖案",下面"自定圖案"選中將才定義的那個圖案.OK

你可以使用矩形框選工具,選擇你需要添充的部分,或者直接按Ctrl+A,全選這個小圖也可以.
框選工具,如果是CS2,就是最左上角那個,就是建立選區的那個工具,有橢圓選區、矩形選區等等。按住框選工具不動,就會出現不同的框選工具。在圖片中使用框選工具以後,會出現大家所說的螞蟻線,也就是閃爍的虛線。虛線內,就是你需要選擇的區域了。

還有一種簡單的方法就是用網頁編輯器導入該圖片為背景,然後就可以看到大背景

⑵ CSS語法的背景重復

如果需要在頁面上對背景圖像進行平鋪,可以使用 background-repeat 屬性。
屬性值 repeat 導致圖像在水平垂直方向上都平鋪,就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復,no-repeat 則不允許圖像在任何方向上平鋪。
默認地,背景圖像將從一個元素的左上角開始。請看下面的例子:
body { background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y; }背景定位
可以利用 background-position 屬性改變圖像在背景中的位置。
下面的例子在 body 元素中將一個背景圖像居中放置:
body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:center; }為 background-position 屬性提供值有很多方法。首先,可以使用一些關鍵字:top、bottom、left、right和 center。通常,這些關鍵字會成對出現,不過也不總是這樣。還可以使用長度值,如 100px 或5cm,最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。 圖像放置關鍵字最容易理解,其作用如其名稱所表明的。例如,top right 使圖像放置在元素內邊距區的右上角。
根據規范,位置關鍵字可以按任何順序出現,只要保證不超過兩個關鍵字 - 一個對應水平方向,另一個對象垂直方向。
如果只出現一個關鍵字,則認為另一個關鍵字是 center。
所以,如果希望每個段落的中部上方出現一個圖像,只需聲明如下:
p { background-image:url('bgimg.gif'); background-repeat:no-repeat; background-position:top; }下面是等價的位置關鍵字: 單一關鍵字 等價的關鍵字 center center center top top center 或 center top bottom bottom center 或 center bottom right right center 或 center right left left center 或 center left 百分數值的表現方式更為復雜。假設你希望用百分數值將圖像在其元素中居中,這很容易:
body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:50% 50%; }這會導致圖像適當放置,其中心與其元素的中心對齊。換句話說,百分數值同時應用於元素和圖像。也就是說,圖像中描述為 50% 50% 的點(中心點)與元素中描述為 50% 50% 的點(中心點)對齊。
如果圖像位於 0% 0%,其左上角將放在元素內邊距區的左上角。如果圖像位置是 100% 100%,會使圖像的右下角放在右邊距的右下角。
因此,如果你想把一個圖像放在水平方向 2/3、垂直方向 1/3 處,可以這樣聲明:
body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:66% 33%; }如果只提供一個百分數值,所提供的這個值將用作水平值,垂直值將假設為 50%。這一點與關鍵字類似。
background-position的默認值是 0% 0%,在功能上相當於 top left。這就解釋了背景圖像為什麼總是從元素內邊距區的左上角開始平鋪,除非您設置了不同的位置值。 長度值解釋的是元素內邊距區左上角的偏移。偏移點是圖像的左上角。
比如,如果設置值為 50px 100px,圖像的左上角將在元素內邊距區左上角向右 50 像素、向下 100 像素的位置上:
body { background-image:url('/i/eg_bg_03.gif'); background-repeat:no-repeat; background-position:50px 100px; }注意,這一點與百分數值不同,因為偏移只是從一個左上角到另一個左上角。也就是說,圖像的左上角與 background-position 聲明中的指定的點對齊。

⑶ css 背景圖怎麼才可以重復啊~高人!

background:url(../images/XXX.jpg) no-repeat;
把no-repeat去掉就行了

⑷ css 怎麼設置背景圖片的重復次數

CSS中是不能設置背景圖片的重復次數,不過可以做出重復次數的效果。

例如,你的一張圖片如果是X軸重復3次,寬為100px;那麼你就可以寫

img{background:url(圖片地址)repeat-x;height:50px;width:300px;}

這樣子就可以了。


CSS(層疊樣式表)級聯樣式表是一種用來表現HTML(標准通用標記語言的一個應用)或XML(標准通用標記語言的一個子集)等文件樣式的計算機語言。

⑸ Word 文檔中插入背景圖片老是有很多重復的小圖片密密麻麻的~怎麼讓背景為一張大圖片啊誰幫幫我謝謝哦

1、點擊菜單欄中的「頁面布局——水印——自定義水印」。

⑹ PPT(2007) 重復背景圖怎樣設置 (急啊!!)

方法多種:

1,選擇菜單欄的"設計"按鈕,然後可選擇中間的"主題"類相應的主題.

2,第一步同上,然後可在最右邊的背景中,點擊"背景樣式",選擇合適的背景.(如果當前列出的背景樣式都不符合你的要求,你可選擇"背景樣式"下拉菜單中的"設置背景格式",然後在彈出窗口中選取你要用的背景,再按"全部應用"即可)

⑺ 網頁製作html中的背景圖片重復

好像在源代碼中不能這樣寫(不太確定),我是在CSS中加了這樣一句的:background:url(images/jjjj.jpg) no-repeat; 這樣就行了 你試一下吧