導航:首頁 > 萬維百科 > 網頁設計如何將圖片設計為背景

網頁設計如何將圖片設計為背景

發布時間:2020-10-30 06:50:02

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、網頁設計如何將一張圖片作為網頁背景圖片?

給裝圖片的div一張背景圖,比如下面代碼:
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示,no-repeat意思是不重復顯示

3、網頁設計中怎樣把圖片轉換為背景?

先把背景另存為 ···

再 把另存為背景的圖片 插入進來 就可以了

4、怎麼將網頁背景設置為圖片

<!來DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景圖片自</title>
<style type="text/css">
<!--
body {
background-image: url(在這里輸入你要插入的背景圖片);
}
-->
</style></head>

<body>
這里輸入你的網站內容
</body>
</html>

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

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

6、網頁設計,div層如何添加背景圖?

是的,如果直接給div寫樣式,確實是所有的div都會應用此樣式;
方法有很多,你可以定義一個樣式名,例如 .cc:{background:#999},所需要添加此樣式的那個div 設置class="cc";
方法二 :你也可以定義一個id然,例如 #dd:{background:#999},給你所需要添加此樣式的那個div設置 id="dd";
明白了嗎?
希望我的回答對你有幫助,望採納。。。謝謝了~~~

7、html如何將圖片設置成背景圖

bgpropertities="fixed"只是背景圖片不隨著滾動條而動,和圖片不重復平鋪沒有直接關系.隨便你用多大的圖片,當你的內容更多的時候,還是會看到重復。
不過,有一個變通的辦法,就是設一個0邊框的表格,大小同背景圖片,將圖片設為表格的背景圖片,你的所有文字圖象內容全放到這個大表格里,希望對你有幫助。
如果事先做了css,可以用class屬性,即時的用css就用style標簽。見"幾個HTML的小效果"。

8、html中怎麼圖片設置為背景

如果要剛剛好的話,,圖片如果比例不合適就要拉伸了。
方法原理就是用img來模擬背景,
具體做法就是給父元素用position:relative,這張圖片用position:absolute,然後設置z-index用一個負值,,就可以作為背景了。。而此時,你可以設置圖片的寬度和高度為100%就可以了。

9、div+css如何把圖片設為背景?

背景圖片屬性(background-image)
這個屬性為HTML元素設定背景圖片,相當於HTML中background屬性。
在css里定義就行了啊!
background-image:url(../images/css_tutorials/background.jpg)">

與網頁設計如何將圖片設計為背景相關的知識