日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

這篇文章主要介紹了css控制圖片寬度的方法，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司是一家專業(yè)提供赫章企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、網(wǎng)站制作、成都h5網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為赫章眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

在css中，如果是img圖片，可以使用width屬性來控制圖片寬度，例“img{width:100px;}”；如果是背景圖片，則使用background-size屬性來控制圖片寬度，語法“background-size:寬度 高度;”。

1、使用img圖片--使用width屬性

標(biāo)簽定義 HTML 頁面中的圖像。而width屬性設(shè)置元素的寬度。

示例：

	
		
		
			.img2{
				width: 200px;
			}
		
	

	
		

		原始尺寸：
		
		

		修改后的尺寸：
		
	

效果圖：

2、背景圖片--使用background-size屬性

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

語法

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

示例：

	
		
		
	

	

		
		
原始圖片: 
			
		

	

效果圖：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css控制圖片寬度的方法”這篇文章對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

本文題目：css控制圖片寬度的方法
標(biāo)題來源：http://www.dlmjj.cn/article/pjgjde.html