導航:首頁 > 萬維百科 > 網頁設計背景圖片不重復代碼

網頁設計背景圖片不重復代碼

發布時間:2020-10-31 05:54:47

1、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的,可能有以下原因導致不能平鋪:

1、圖片不夠大,又background屬性不能拉伸圖片;
2、只能用個div,把其z-index值設為負,並使這個div大小為整個body大小,在div里用<img> ;
3、body的background屬性去掉,要不然會被遮住。

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

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

3、網頁設計背景圖片代碼。

||

比如

root
  |- images
  |   |-- 1.jpg
  |- page
  |      |--css
  |          |--main.css
  |   |-- 1.html
  |      |--  2.html

比如這樣的

想在1.html中使用1.jpg,<img src="../images/1.jpg" />

main.css中使用的話,可以background:url(../../images/1.jpg);

4、網頁製作中,一表格中加入背景圖片,為不讓重復顯示,代碼中加入style="background-repeat:no-repeat;"

一般情況下,像你這種情況下,就兩種方式:

背景圖片寬度是1px,然後背景重復顯示,所以最後可以達到與你的表格寬度一致,這種方式相對比較靈活;

如果背景圖片不能重復的話,就只有使用一張很長的圖片,或者與表格寬度一致的圖片。


像你說的這種寬度比表格寬度小,又想設置為背景,但又不能重復,又要和表格寬度相同時沒辦法的。

5、網頁設計背景圖片怎樣才能不重復顯示?

background: url(10787526_183525512312_2.jpg) no-repeat;就可以了

6、能實現背景圖片部分重復嗎?也就是說,一張圖片的上半部分不重復下半部分重復嗎?網頁製作

PS一下就可以了,很簡單!
就是用PS打開你的照片,然後在照片上添加文本,也就是你的身份證號就可以了!

7、網頁背景圖片設置的代碼是什麼呢

1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

說明:以上代碼為網頁背景圖片固定代碼!網頁背景圖片固定代碼,這樣,當向下拉網頁時,網頁背景圖片不會跟著向上移動,達到不動的目的!

2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明:
no-repeat;(不平鋪)
改為這個repeat(平鋪)

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

.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;等等。

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

9、網頁設計中怎麼讓一張圖片填充滿整個畫面 求代碼

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方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

與網頁設計背景圖片不重復代碼相關的知識