網頁設計怎樣把背景圖片擴大_html怎麼讓背景圖鋪滿整個頁面

1、用Dreamweaver8設計網頁，怎樣使背景圖片鋪滿全屏？

在body裡面設背景，
body{ background:url(圖片地址) 0 0 repeat;}

但是圖片會向X，Y兩邊拉伸，如果圖片尺寸較小會很補美觀；
推薦方案：1.背景圖片的尺寸做的盡量大一點
2.背景圖片的外面可以做成漸變到某個色系，然後body設置背景色
body{ background:#000 url(圖片地址) 0 0 repeat;}

2、CSS3設計網頁怎麼放大背景圖片。

你說的應該是滑鼠放到圖片上然後圖片自動放大而不是寬高的放大追問：我希望的是一打開網頁，背景不重復的覆蓋整個body部分，不是四分之一的body。我是這個意思回答：你是要規定背景咯追問：在哪裡規定，頁面屬性和CSS裡面都找不到。我用的是Adobe Dreamweaver CS3 回答： body { background: url(booy.jpg) no-repeat fixed center top transparent; } Dreamweaver只是編輯器又不是代碼庫追問： fixed center top transparent這幾個前面加什麼。我是初學者，而且英語不行回答： fixed固定圖片 center 居中追問：我的意思是前面加什麼。就像no-repeat前面加background-repeat：，不是問什麼意思。回答： no-repeat 就是不重復圖片追問：我知道no-repeat是不重復圖片的意思，但是你就這么打在style也沒用，前面要加一個background-repeat：，我的意思是fixed center top transparent這幾個前面要加什麼才會生效回答：你留下你QQ我稍後加你追問： 942754361

採納哦

3、網頁設計中怎樣將背景圖片擴大

想讓背景不重復的話

只要在其 CSS 屬性內加上：

background-repeat: no-repeat;

就可以了

至於把背景擴大的話

需要用 PS 擴大

4、html 如何讓背景圖片充滿全圖，就是拉伸

使用此代碼：<img border='0' src='/jpg' width='100%' height='100%' style='position: absolute;left:0px;top:0px;z-index: -1'>或者background-size:cover。

拓展資料

【HTML】

超文本標記語言，標准通用標記語言下的一個應用。「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

【由來】

萬維網上的一個超媒體文檔稱之為一個頁面（外語：page）。作為一個組織或者個人在萬維網上放置開始點的頁面稱為主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關頁面或其他節點的指針（超級鏈接）。

所謂超級鏈接，就是一種統一資源定位器（Uniform Resource Locator，外語縮寫：URL）指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。

在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站（Website或Site）。超級文本標記語言（英文縮寫：HTML）是為「網頁創建和其它可在網頁瀏覽器中看到的信息」設計的一種標記語言。

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關介面、組件等），可以創造出功能強大的網頁。

因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂「超級鏈接」點。

5、CSS中如何設拉伸背景圖片鋪滿屏幕

#bg{
margin:0px;
background: url(images/beijing.png) no-repeat;
background-size:100% 100%;
background-attachment:fixed;
}

擴展資料：

url(images/beijing.png)——圖片路徑的位置；

no-repeat—— 圖片不重復；

center 0px——center是距離頁版面左邊權的定位，0px是距離頁面上面的定位；

background-position: center 0——就是圖片的定位，同上；

background-size: cover;——把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中；

min-height: 100vh;——視窗的高度，「視區」所指為瀏覽器內部的可視區域大小，即window.innerWidth/ window.innerHeight大小。

6、網頁製作怎麼讓背景圖片占滿整個屏幕

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>窗口背景變化</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>
</head>
<body>
<div id="bg"><img src="http://www.wallcoo.com/ad/Korea_Besti_Belli/images/jihyun-bestibelli06.jpg" alt="HIGH"></div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javascript">
window.onresize = window.onload = function(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h = window.innerHeight;
w = window.innerWidth;
}
document.getElementById('msg').value ='窗口大小：' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ;

}
</script>
</body>
</html>

背景圖片自適應窗口大小

7、網頁製作中怎樣把背景圖片變大?

height width

8、html中，怎麼讓背景圖片充滿整個頁面

用Dreamweaver軟體編輯

9、html 怎麼讓背景圖鋪滿整個頁面

我自己試出來的，希望有用
例子，用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>

導航:首頁 > 萬維百科 > 網頁設計怎樣把背景圖片擴大

網頁設計怎樣把背景圖片擴大

與網頁設計怎樣把背景圖片擴大相關的知識