Ⅰ CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(1)css怎麼設置背景圖片布滿全界面擴展閱讀:
CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本：使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時，以.html為後綴名進行保存即可。
Dreamweaver：它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具，利用它可以輕而易舉地製作出充滿動感的網頁。
Ⅱ 如何用CSS讓背景圖能夠撐滿本身會滾動的頁面
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>Document</title>
<style>
.right{
height:3000px;
width:3000px;
background-image:url("https://gss0..com/7LsWdDW5_xN3otqbppnN2DJv/dmas/pic/item/.jpg");
background-repeat:no-repeat;
background-size:100%100%;
}
</style>
</head>
<body>
<divclass="right">
</div>
</body>
</html>
請採納
Ⅲ css怎麼讓背景圖全部鋪滿
背景圖全部鋪滿：background-size:100% 100%
如果不是純色或者圖片大小和要填充的盒子大小相差不大的時候，100%可以看到全圖但是有時候會變形，建議不要使用100%；可以改用cover，cover是按比例放大，超出盒子部分裁剪，圖片不會變形但是有時候不能完全看到全圖
Ⅳ css背景圖片如何設置全屏
如果你有一張比較絢爛的圖片想做背景，可以這樣設置：
代碼如下：
body{
background:url(img.jpg);
background-position:center;
background-repeat:no-repeat;
}
但效果很可能會是這樣：
圖片沒有重疊，居中，並且...她太小了，無法佔領全部的頁面。
很可惜，CSS2中並沒有圖片全屏拉伸的屬性，所以我自己想了個辦法。
利用一個DIV層，在裡面裝載一個IMG標簽。然後設置DIV和IMG的大小為100%，並固定到屏幕最底層，這樣就實現了完美的拉伸並最大化圖片的目的。
首先在Body中加入下面的代碼：
代碼如下：
<div
id="div1"><img
src="img.jpg"
/></div>
然後加入CSS代碼：
div#div1{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:-1;
}
div#div1
>
img
{
height:100%;
width:100%;
border:0;
}
最終效果：
拉伸瀏覽器、調整網頁位置後，圖片背景圖片依然居中全屏：
火狐狸中的效果：
這樣，我們實現了固定居中且自動拉伸全屏的背景圖片，不過她是一個層，所以當用戶在頁面空白處右鍵的時候，顯示的就是圖片的信息，這可能會讓用戶感覺不方便。
實際上，火狐的拉伸效果比IE強很多，會自動羽化圖片的細節。IE在圖像拉伸後的像素點非常難看，所以建議用高分辨的圖像作為背景。
新手向，高人請指導，謝謝。