導航:首頁 > 萬維百科 > 網頁設計圖片怎麼平鋪

網頁設計圖片怎麼平鋪

發布時間:2020-11-08 07:38:51

1、網頁設計中使圖片平鋪的代碼是什麼?

背景平鋪的話

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

你只要加在css樣式里就可以了

2、網頁製作網頁中,如何讓背景圖片在任何電腦顯示頻上看都是滿屏,寬度剛好的?(沒有左右滾動條的)

css代碼:
background-repeat:repeat;

background-repeat是針對背景平鋪的屬性設置,可選的值包含:
repeat 即默認方式,完全平鋪背景;
no-repeat 在X及Y軸方向均不平鋪;
repeat-x 橫向平鋪背景;
repeat-y 縱向平鋪背景。

3、網頁設計背景圖片時怎麼使圖片不重復平鋪

.tabbg {
background-attachment: scroll;
background-image: url(images/tabbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

調用:class="tabbg"

注意:CSS代碼中的background-position: left bottom;就是定義背景圖片的位置為左下,可根據具體需要做調整,如右上right top;左上left top;右下right bottom;等等。

如果想不重復,背景圖要大點哦

4、網頁製作中,橫向平鋪與縱向平鋪的區別是什麼?

舉個例子,你的圖片寬度20 高度20 ,如果你的div是寬高都為40,橫向平鋪自動填充滿X,那麼你的圖片會被自動復制變成一個寬度40 高度20的形狀。如果是縱向平鋪就是變成一個寬度20,高度40的圖片。平鋪就是沒有還有位置那麼圖片會自動填充滿,橫向就是水平方向。縱向就是垂直方向。

5、網頁製作里背景怎麼平鋪填滿啊 還有沒有其他方法

是用一張圖片將整個屏幕鋪滿嗎?如果是的話:

1:用CSS3(對瀏覽器有要求)。
2:將背景圖片做的比瀏覽器窗口寬高大。
3:用fixed固定圖片,而不採用背景的方法(百度首頁背景圖片就是採用這種方法)。

6、【網頁設計】Dreamweaver 表格中的背景圖像如何不平鋪顯示?

網頁背景圖像屬性是通過background-repeat樣式來控制,你用Dreamweaver的話設置屬性很簡單,在你要定義的td里打空格,就會出來提示框,再打個s,就會有style,按回車後就會自動寫到頁面里,同時會出現另一個屬性框,你會看到background的所有屬性都在裡面,先選background(不要選其他的,直接用滑鼠點就可以),隨後會有另一個屬性框,在裡面點url,會出來對話框,選擇你要用的背景圖,就搞定了背景的圖的選擇,
到此編碼效果應該是background:url(file:///E|/xin/專題/海豚/index.gif),在)後面繼續打空格,會出現屬性框,在裡面的屬性是對這個背景圖操作的所有屬性,選擇 no-repeat既是背景不重復,最終效果
style=" background:url(file:///E|/xin/專題/海豚/index.gif) no-repeat;"

關於背景控制的其他說明
repeat 默認。背景圖像將在垂直方向和水平方向重復。
repeat-x 背景圖像將在水平方向重復。
repeat-y 背景圖像將在垂直方向重復。
no-repeat 背景圖像將僅顯示一次。

以上是直接對單元格或表格操作的方法,你也可以用樣式表來控制,在table或者td便簽裡面用class調用樣式名,格式為class="樣式名"

樣式表寫法
<style>
.樣式名 {background:url(file:///E|/xin/專題/海豚/index.gif) no-repeat;}
</style>
樣式名為英文,並且區分大小寫

寫樣式表同樣可以用Dreamweaver的提示

另外說明調取樣式表有兩種形式,一種是class,一種是id,在樣式表內寫法不同,class讀取的樣式名前面是「.」,id讀取樣式表前面是「#」,因為id在頁面里為唯一標識,所以建議#類樣式不要輕易用,最好全部用「.」

效果如下

#nav {}
<div id="nav">

.nav {}
<div class="nav">

7、網頁設計背景圖片怎麼設置成為平鋪?我設置網頁背景是總是幾張相同的圖片共同鋪滿,我想用一張鋪滿。

可以用css樣式來編輯的

選擇不重復,就是整張填充

8、html 怎麼讓背景圖鋪滿整個頁面

我自己試出來的,希望有用
例子,用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

與網頁設計圖片怎麼平鋪相關的知識