❶ 網頁設計中使圖片平鋪的代碼是什麼
你想問的是html中的background設置背景圖片平鋪嗎?
background: url("圖片路徑") repeat;這樣為背景圖片平鋪;
background: url("圖片路徑") no-repeat;這樣為背景圖片不平鋪。
repeat之後可添加圖片位置定位屬性。詳見網頁鏈接官方文檔。
❷ 為什麼我做html時,用做網頁背景的圖片不能全部平鋪開呢而是一塊的一塊的
1 要看你要先處理好圖片,看看圖片平鋪時會怎麼樣的! 如果圖片太小的話不是放大平鋪,是自動重復鋪開哦. 你所說的一塊一塊的是不是這些圖片拼起來的話就是一塊一塊?
2. 如果一個小圖片a.gif 平鋪代碼:
<div style="background:#f00 url(a.gif) top left repeat:" ></div>
上面的意思是背景底色紅色(有圖片的話會蓋在底色上的,一般也可以不寫:
另外水平平鋪 repeat-x 垂直平鋪 repeat-y 不重復 no-repeat;
❸ 網頁背景圖怎麼滿屏顯示
網頁背景圖片用css實現全屏顯示,首先需要的做的就是明確那個圖片要加在那個元素上,將body上,就能實現全屏,因為body是包括瀏覽器的可見部分,提交一段代碼:
<html>
<head>
<style>
body{
background:url('圖片地址')repeat 0px 0px;
}
</style>
</head>
<body>
</body>
</html>
這樣就能實現滿屏,不過圖片尺寸不夠的話,會出現重復的。
❹ dreamweaver網頁製作怎麼把背景圖片平鋪填滿屏幕,而不是重復。
不重復的背景圖片一般無法自動拉伸,你可以把背景圖片做大一些,寬度做成1400px,高度900px試試
❺ 製作網頁時,在dw中實現背景圖片平鋪滿整個頁面要怎麼做.代碼如下
background:url(../images/bg.gif); 默認就是平鋪不用設置,除非你的內容頁面沒有把高度撐開
❻ 怎麼使網頁中的背景圖片平鋪~!急
<style
type="text/css">
body
{
background:
url('smiley.gif')
no-repeat
fixed
center;
}
</style>
把url裡面的東西設置成你自己的圖片就可以了
你說的平鋪是由歧義的,如果按照Windows顯示屬性的定西,其實HTML背景默認就是平鋪,我想你的意思大概是拉伸或者居中。。。
❼ html網頁設計裡面怎麼平鋪背景圖片
html設置背景圖片平鋪方法,實際上平鋪有多種方法,但是因為圖片的大小不同,需要不同形式的平鋪,這里介紹下方法。
1、首先新建一個html文檔,如圖所示。
❽ 用Dreamweaver8設計網頁,怎樣使背景圖片鋪滿全屏
在body裡面設背景,
body{ background:url(圖片地址) 0 0 repeat;}
但是圖片會向X,Y兩邊拉伸,如果圖片尺寸較小會很補美觀;
推薦方案:1.背景圖片的尺寸做的盡量大一點
2.背景圖片的外面可以做成漸變到某個色系,然後body設置背景色
body{ background:#000 url(圖片地址) 0 0 repeat;}
❾ 使用dreamweaver做網頁時背景圖片太小,如何顯示在整個頁面
這個大致可以分為兩種情況
第一,如果你的圖片是有規律的背景圖片,如漸變或者圖案,你可以做背景圖片平鋪至整個頁面;如
body{background:url(../images/icon.gif) 0 0 repeat;} /* X軸 Y軸都平鋪 */
body{background:url(../images/icon.gif) 0 0 repeat-x;} /* X軸平鋪 */
body{background:url(../images/icon.gif) 0 0 repeat-y;} /* Y軸平鋪 */
第二,如果是一整張圖片,類似於照片的這種,你可以採用js將其鋪滿整個頁面;如
http://sc.chinaz.com/jiaobendemo.aspx?downloadid=8201530418207
這個就是背景平鋪固定代碼,可做參考!
❿ 網頁設計中怎麼讓一張圖片填充滿整個畫面
1、如果樓主只是將其當做一張圖片顯示,可以通過css控制,如img{width:100%;height:100%;}.
否則需要將其作為網頁背景的話可以試試如下方法:
2、如果這張圖片為背景圖片由於背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。
這時可以拐個彎,設置兩層div,底層div當做背景使用,放置一張圖片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再將網頁內容放置到第二層上<div id="content">頁面內容</content>
3、網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面2方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。