導航:首頁 > 萬維百科 > 網頁設計把圖片放底部的代碼是

網頁設計把圖片放底部的代碼是

發布時間:2020-10-01 11:14:51

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

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

2、在設計網頁的過程中,想把一張圖片放為那個網頁的背景,該怎樣做?

<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg這個換成你的圖片地址
把這段代碼放到<head>和</head>之間

3、網頁設計技術,怎麼把圖片上面的文字弄到圖片的下面來啊。應該在哪裡加代碼呢,求大神

把圖片定義為背景或者寫入CSS樣式表中,然後就可以在上面布局文字了。

4、網頁設計中如何讓把文字放在圖片上顯示

方法有很多
給你介紹一個最簡單的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div設置背景圖片
</div>
其次還可以通過div的定位來做
還有就是通過水印來做
總之更具不同的需求用不同的方法
靈活多變

5、在用htlm製作網頁的時候怎麼將圖片下移,就是放在字的下面

上圖是效果

代碼如下:

<style type="text/css">
dl{width:200px;float:left;margin:0;padding:0;}
dl dd{width:200px;margin:0;text-align:center;padding-bottom:10px;}
dl dd img{height:180px;width:180px;}
dl dt{height:25px;line-height:25px;text-align:center;width:100%;}

</style>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>

6、網頁設計中如何讓把文字放在圖片上顯示

把圖片設為背景即可,以下是修改後的代碼<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗條上</div>
</div>
</body>
</html>

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、網頁製作中插入圖片的代碼是什麼

1、在代碼中經常用到的插入圖片代碼是img屬性,格式就是<img src="" alt=""> src後面是添加圖片的地址,後面的alt是對圖片的描述。

2、在插入圖片前,要將html文件和圖片文件放在一個文件夾內,這里的img文件夾就是專門存放圖片的地方。

3、然後回到代碼欄,在src中輸入鏈接地址img/pic_01.jpg,要將圖片的具體地址和名稱全部寫全才可以在網頁中看到,否則就會顯示連接失敗錯誤而無法觀看到圖片。

4、將文件保存後,在瀏覽器中我么就可以看到此刻的圖片被添加進來了,位於網頁的左上角位置。

5、如果想要移動圖片的所在位置,就需要先對其包裝一下,用一個盒子將其包裹,然後調整盒子的位置就相當於移動的是圖片的位置了。

6、如圖,之前設置的盒子距離頂部100px.然後距離左側100px,這樣就將盒子擠到了現在所在的位置,如圖所示。

9、網頁製作 讓網頁上的圖片自動變換的代碼

我理解的沒錯的話你指的是圖片輪播?
給你幾個下載JS代碼的網站,這個是開源的很多的。

http://www.zztuku.com/JS/ 站長圖庫-js代碼頁面
http://js.alixixi.com/ 阿里西西
http://www.oschina.net/code/tag/jquery 開源中國
http://www.5icool.org/a/201308/998.html 酷站代碼-我記得是要注冊

直接搜索關鍵字「焦點圖」就好了,上面兩個是我最常用的。

與網頁設計把圖片放底部的代碼是相關的知識