欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

HTML改變圖片大小的方法

這篇文章主要介紹HTML改變圖片大小的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

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

我們改變圖片的大小有兩種方法：一種是在HTML標簽內(nèi)更改寬度和高度；另一種是使用CSS樣式控制width和height屬性。

我們先來看HTML標簽內(nèi)更改圖像寬度和高度

直接在圖片img標簽中使用width和height屬性即可控制圖片寬和高。

代碼如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<img src="img/tupian.jpg" width="150" height="150">
</body>
</html>

效果如下（原圖為1072x768px）：

HTML改變圖片大小的方法

我們可以直接在圖片標簽設(shè)置width和height，看起來會很直觀。

接著我們來看使用CSS樣式控制width和height屬性

我們用同一張圖片，代碼如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		img{
			width: 150px;
			height: 150px;
		}
	</style>
</head>
<body>
<img src="img/tupian.jpg" >
</body>
</html>

效果如下：圖片也變?yōu)榱?50x150px

HTML改變圖片大小的方法

以上是HTML改變圖片大小的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：HTML改變圖片大小的方法
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article0/pijdio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、、微信公眾號、網(wǎng)站改版、App設(shè)計、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)