Ⅰ css中如何將背景圖片全屏顯示
在CSS中，如果你希望為body元素設置全屏背景圖片，可以使用background-size:100% 100%;或者background-size:cover;實現。其中，100% 100%表示背景圖片寬度和高度均佔100%，而cover屬性則會自動調整圖片大小，使其完全覆蓋背景區域，同時保持圖片的寬高比。
需要注意的是，如果body元素的高度不是固定值，背景圖片可能無法完全顯示。因此，你可以考慮為body設置一個固定的高度，或者使用其他方法確保背景圖片能夠正確顯示。
另外，如果你希望背景圖片在全屏顯示時保持一定的比例，可以使用background-size:contain;，這樣背景圖片會盡可能縮小以適應背景區域，但不會拉伸圖片。
在使用background-size屬性時，還需要注意瀏覽器兼容性問題。盡管大部分現代瀏覽器都支持background-size屬性，但在一些老舊瀏覽器中可能會出現兼容性問題，因此建議在項目中使用前進行測試。
最後，為了使背景圖片與頁面內容更好地融合，你還可以使用background-attachment:fixed;屬性，這樣背景圖片會固定在頁面上，隨滾動條滾動而不會移動。
綜上所述，通過合理設置background-size屬性，可以輕松實現將背景圖片全屏顯示的效果，提升網站的視覺效果和用戶體驗。
Ⅱ css中的背景圖怎麼改變大小
在css中控制插入背景圖片的大小用background-size
background-size使用語法有下面四種情況
background-size: length|percentage|cover|contain
length用法：
background-size:100px； //背景圖片顯示的寬和高為100像素
background-size:100px 160px；//背景圖片顯示的寬為100像素，高為600像素
percentage用法：
background-size：60%； //背景圖片的顯示寬度和高度是圖片大小60%；
background-size：60% 80%； // 背景圖片的顯示寬度是圖片大小的60%，高度是80%；
cover用法：
background-size：cover； //把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中。
contain用法：
background-size：contain； //把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域。
(2)css怎麼把背景圖片放大消失擴展閱讀
background-size屬性瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器版本號。
緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。
參考資料
網路——background(計算機專業術語)
Ⅲ 我在網頁中插入了背景圖片，怎樣調整背景圖片的大小
可以使用css的background-size屬性來調整背景圖片的大小，比如：
background-size: 240px 180px
背景圖片的寬為240像素，高為180像素
background-size: 50% 30%
背景圖片的寬設為容器寬度的50%，高設為容器高度的30%
background-size: cover
把背景圖片擴展至足夠大，以使背景圖片完全覆蓋容器區域（背景圖片的某些部分也許無法顯示在容器區域中）
background-size: contain
把背景圖片擴展至最大尺寸，以使其寬度和高度完全適應容器區域（容器的部分邊角位置可能會留空）
需要注意的是，background-size是css3的屬性，瀏覽器必須支持css3才能看到預期的效果。好在現在的主流瀏覽器都是支持css3的（如果你堅持用IE6那當我沒說）
Ⅳ css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法：
background-size:auto;/* 默認值，不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬，第二個值為高，當設置一個值時，將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0％~100％之間的任何值，將背景圖片寬高按百分比顯示，當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
(4)css怎麼把背景圖片放大消失擴展閱讀：
CSS背景圖片自適應、全屏、填充、拉伸
方法一：js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二：全瀏覽器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}