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