css設置背景圖片大小的方法

小編給大家分享一下css設置背景圖片大小的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

為長治等地區(qū)用戶提供了全套網頁設計制作服務，及長治網站建設行業(yè)解決方案。主營業(yè)務為成都網站設計、做網站、長治網站設計，以傳統(tǒng)方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

在css中，可以使用background-size屬性來設置背景圖片的大??；語法格式為“background-size:length|%|cover|contain;”，默認值為“auto”。

css設置背景圖片大小

	
		
		
	

	
		

			Lorem ipsum，中文又稱“亂數(shù)假文”， 是指一篇常用于排版設計領域的拉丁文文章 ，主要的目的為測試文章或文字在不同字型、版型下看起來的效果。
		

		
原始圖片: 

	

效果圖：

css background-size屬性

background-size屬性指定背景圖片大小。

語法

background-size: length|percentage|cover|contain;

值	描述
length	設置背景圖片高度和寬度。第一個值設置寬度，第二個值設置的高度。如果只給出一個值，第二個是設置為 auto(自動)
percentage	將計算相對于背景定位區(qū)域的百分比。第一個值設置寬度，第二個值設置的高度。如果只給出一個值，第二個是設置為"auto(自動)"
cover	此時會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。
contain	此時會保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小。

看完了這篇文章，相信你對“css設置背景圖片大小的方法”有了一定的了解，如果想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文標題：css設置背景圖片大小的方法
當前鏈接：http://www.jiaotiyi.com/article/jjhdjj.html