當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

前端学习（225）:尺寸属性

發布時間：2023/12/10 HTML 21 豆豆

生活随笔收集整理的這篇文章主要介紹了前端学习（225）:尺寸属性小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd"> <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>CSS尺寸屬性</title></head><body>圖片寬度高度均為120px<img src="./img/43.jpg" />設置最大寬度50px,小于原來寬度<img src="./img/43.jpg" style= "max-width: 50px;" />設置最小高度150px,大于原來寬度<img src="./img/43.jpg" style= "min-height: 150px;" />設置寬度高度與標準尺寸比例不一樣<img src="./img/43.jpg" style= "width: 50px; height: 80px;" />用百分比來設置寬度和高度<div style="width: 200px;height: 200px;"><img src="./img/43.jpg" style="width: 80%; height: 80%;" /></div></body> </html>

運行結果

總結

以上是生活随笔為你收集整理的前端学习（225）:尺寸属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。