html圖片平鋪整個頁面
『壹』 如何在html里鏈接圖片,能讓這個圖片平鋪整個頁面。
設置整個頁面樣式的background-image:url("圖片路徑")即可
『貳』 html中,怎麼讓背景圖片充滿整個頁面
下面這段代碼給div設置了一個寬度和高度,然後添加了一張背景圖片,並使用了background-size:cover;這個屬性,就會自動放大或縮小背景圖片來適應,但是需要指出的是這個屬性在需要在IE9及以上版本支持,谷歌和火狐都支持,具體支持情況看上面的圖,淺綠的代表支持,粉紅的不支持,你也可以到caniuse.com自己查看支持性
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;"charset="utf-8">
<title>無標題文檔</title>
</head>
<styletype="text/css">
.div1{width:500px;height:600px;background:url(images/class_nav.jpg);background-size:cover;}
</style>
<body>
<DIVclass="div1"></div>
</body>
</html>
『叄』 HTML 中用background添加的圖片怎麼才能平鋪在網頁上
我想你的意思是把背景圖
拉伸鋪滿整個網頁吧?我只能說
background(背景圖)是不能拉伸的,你可以找幾張合適的圖
拼在一起(效果好得多),也可以選著純色的圖片
縱、橫平鋪
也就是重復(橫向平鋪:background-repeat:
repeat-x;
縱向平鋪:background-repeat:
repeat-y;
)
『肆』 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屬性去掉,要不然會被遮住。
『伍』 html 怎麼讓背景圖鋪滿整個頁面
我自己試出來的,希望有用專
例子,屬用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
『陸』 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)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂「超級鏈接」點。
『柒』 怎樣用css 使背景圖片覆蓋整個頁面
覆蓋整個頁面也就需要圖片占據整個屏幕或者占據整個html元素;
在css3出來之後,有一個內屬容性background-size;
這個屬性可以給背景圖片設置大小,當值為100% 100%的時候也就是說把圖片寬高都設置成百分百,然後元素有多大,圖片就會伸展多大,也就是說的整個頁面
『捌』 html怎麼把圖片弄成滿頁面的
給個背景就行了啊,你試試這個回
<html>
<head>
答<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title></title>
</head>
<bodystyle="background:url(http://www.veigouw.com/images/banner02.jpg)">
<p>
<p>
<p>
<p>
<p>
<p>
<p>
</body>
</html>
『玖』 html怎麼讓圖片充滿頁面
平鋪一定達不到效果,因為不同屏幕寬高比不同。你是沒有辦法正好寬高都等於屏幕寬高的,除非你不考慮圖像質量。
這種情況你可以用: width:100%;height:100%.來實現。
但是,你一定會發現圖像變得扭曲了。
此時有人推薦background-size:cover;這種方法只在Chrome有效。
最後,發大招,向你推薦http://srobbin.com/jquery-plugins/backstretch/. 這個插件。
『拾』 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屬性去掉,要不然會被遮住。