如何用网页插入图片大小
时间: 2024-09-13 19:11:08 浏览: 41
可插入图片的TEXT文本框
在网页中插入图片并控制其大小,通常有两种常见方法:
1. 使用HTML标签直接嵌入图片(img tag):
```html
<img src="image.jpg" alt="图片描述" width="400" height="300">
```
`width` 和 `height` 属性用于指定图片的宽度和高度,单位可以是像素(px)、百分比(%)或其他CSS允许的值。如果只提供一个尺寸,浏览器会按比例缩放。
2. 使用CSS样式控制图片大小:
先将图片放在一个容器(如`<div>`)里,然后给容器或图片设置CSS样式:
```html
<div class="image-container">
<img src="image.jpg" alt="图片描述">
</div>
CSS:
.image-container {
max-width: 100%; /* 图片宽度不超过容器宽度 */
height: auto; /* 自动保持宽高比 */
}
```
这样图片会在适应容器宽度的同时保持原始的比例。
阅读全文